JavaScript
Article
By Sam Deering

JavaScript setInterval() Function Examples

By Sam Deering

The JavaScript setInterval function can be used to automate a task using a regular time based trigger. Just to be clear, setInterval() is a native JavaScript function.

This function is very similar to the jQuery setTimeout() Function.

--ADVERTISEMENT--

Basic setInterval() Example

setInterval(function() {
      // Do something every 5 seconds
}, 5000);

Tips: If your changing images dynamically load variables from a PHP script you will need to add some sort of random number to the script so that it forces a refresh in all browsers. You can do this by using the following code to generate a random number.

$(document).ready(function()
{
    var refreshId = setInterval( function() 
    {
        var r = (-0.5)+(Math.random()*(1000.99));
        $('#img-container').load('images/gallery/best/random.php?'+r);
    }, 5000);
});

Tips: You might also have to use the ajax method instead of load, to prevent the AJAX request to be cached.
Tips: Alternatively, you could stick header(“Cache-Control: no-cache, must-revalidate”); towards the top of your random.php file to prevent the browser from caching.

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.