Run JavaScript function at regular time interval

Question

I am currently building a website to host software. What I want is to add to the project pages is a slideshow of screenshots cycling, changing images about every 5 seconds. Is there any way to a script triggered at a time interval using just JavaScript? ..or will I have to resort to alternative methods for achieving my desired functionality. Thanks in advance for any help!

Answer 1

setInterval :

function doSomething() {
    alert('This pops up every 5 seconds and is annoying!');
}

setInterval(doSomething, 5000); // Time in milliseconds

Pass it the function you want called repeatedly every n milliseconds. ( setTimeout , by the way, will call a function with a timeout.)

If you ever want to stop the timer, hold onto setInterval 's return value and pass it to clearInterval .

Answer 2

You want the setInterval function.

setInterval(function() {
  // This will be executed every 5 seconds
}, 5000); // 5000 milliseconds

Basic reference: http://www.w3schools.com/jsref/met_win_setinterval.asp (please ignore the reference to the "lang" parameter)

More indepth reference: https://developer.mozilla.org/en-US/docs/Web/API/window.setInterval

Answer 3

You can use window.setInterval

Sample usage:

window.setInterval(function () {
    console.log("foo");
}, 3000);

Answer 4

It Changes the date time in a div and time changes frequently after 1 sec.

    setInterval(function(){
      var date=new Date();
      $('.class').html(date);
    },1000);

Answer 5

<script>
var intervalVariable=setInterval(function(){
   //Your operation goes Here
  },1000); // executes every 1000 milliseconds(i.e 1 sec)

function stopTimer()
{
   clearInterval(intervalVariable);
}
</script>