Need a time delay for a js function

**bobx2** · 03-03-2016, 08:12 PM

I hate to ask this, I like figuring things out myself, it's the best way to learn for me but I've visited many sites & posts on here about delaying a js script but can't get any codes to work. I have a an image cycler I want to delay start up on. This is the script I have, could I plz get the correct way to code this to do that? Thx for any help!

<script>
function cycleBackgrounds() {
var index = 0;
$slideShows = $('.slideshow');
$imageEls = $('.toggle-image');

setInterval(function() {
index = index + 1 < ($imageEls.length / 2) ? index + 1 : 0;
$slideShows.each(function() {
$(this).children('.toggle-image').eq(index).addClass('show');
$(this).children('.toggle-image').eq(index - 1).removeClass('show');
});
}, 33000);
};

$(function() {
cycleBackgrounds();
});
</script>

**Sempervivum** · 03-03-2016, 09:33 PM

Try this:

Code:

$(function() {
    window.setTimeout(cycleBackgrounds, 5000);
});

**bobx2** · 03-04-2016, 07:35 AM

Thx, Semper, that was what I needed, I was plugging codes in all the wrong locations & js is a new territory for me, not as easy as css or html to understand.

**felgall** · 03-04-2016, 08:09 AM

setTimeout - runs once after the specified time (unless clearTimeout on it is run first).

setInterval runs continuously with the specified delay between executions until clearInterval is run.

In both cases there may be a slightly longer delay if JavaScript is busy running something else at the time (but setInterval starts its count over at the designated time even if the code runs slightly late - so it can catch up the next time.

Thread: Need a time delay for a js function

Thread Tools

Rate This Thread

Need a time delay for a js function

Users who have thanked Sempervivum for this post:

Tags for this Thread

Posting Permissions