Run a function in time interval in jQuery

jquery intervals
Sesen picture Sesen · May 21, 2011 · Viewed 71.3k times · Source

I want to make a banner by using jQuery. When the page loaded script will show a group of photos one by one. For example, the controller sends 10 photos and each photo will be shown in 30 seconds after 10 minutes the script demand another photo from the controller.

The question is: How can I make a function that runs in 30 sec. I need to run a function in a time interval without any button click or anything else.

Answer

Roki picture Roki · May 21, 2011

The main method is:

 setInterval(function () {
        console.log('it works' + new Date());
    },30000);

If you need to clear interval in future:

var myInterval = setInterval(function () {
            console.log('it works' + new Date());
        },30000);

in the future: 

clearInterval(myInterval);

Related questions

Timing in JS - multiple setIntervals running at once and starting at the same time?

Let's say I have a function: myFunc = function(number) { console.log("Booyah! "+number); } And I want it to run on a set interval. Sounds like I should use setInterval, huh! But what if I want to run multiple intervals of …

Read More
AJAX Interval Refresh?

I'm trying to make an AJAX function update about 30 seconds. I have a simple version of that done, here is the code. var refInterval = window.setInterval('update()', 30000); // 30 seconds var update = function() { $.ajax({ type : 'POST', url : 'post.php', success : function(…

Read More
Create a jQuery special event for content changed

I'm trying to create a jQuery special event that triggers when the content that is bound, changes. My method is checking the content with a setInterval and check if the content has changed from last time. If you have any …

Read More