How do I make a function activate automatically every 3 seconds?

Question

I need to make an animation that will change in sequence automatically.

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval — j08691, Jan 07 '16 at 18:53
Shouldn't be difficult to find: [setInterval](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) or [setTimeout](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout). — Teemu, Jan 07 '16 at 18:53
Your edit just made your post overly broad and useless to the SO community as a whole. You should either revert your edit or update it to that it meets the posting guidelines for SO. — Captain Obvlious, Jan 07 '16 at 22:46
Agreed with Captain Oblivious. Your original post with code made for a good question. This revised one does not. — theUtherSide, Jan 07 '16 at 23:11

Matt Giltaji · Answer 1 · 2016-01-07T22:37:14.340

4

You'll find setInterval helpful for this.

var intervalID = window.setInterval(myFunc, 3000);

function myFunc() {
    //do things here
}

The above code will call myFunc() every 3000 milliseconds, or every 3 seconds.

edited Jan 07 '16 at 22:37

answered Jan 07 '16 at 18:53

Matt Giltaji

score 2 · Answer 2 · edited Jan 07 '16 at 22:43

Sounds like a job for setInterval.

To make it change every 3 seconds, you could do something like:

var intervalID = window.setInterval(function, 3000);

This will call the function every 3 seconds. You may need to modify your function to get the behavior desired.

When you want it to stop, do:

window.clearInterval(intervalID);

score 0 · Answer 3 · answered Jan 07 '16 at 18:56

0

Take a look at setInterval(). Something along the lines of setInterval(changeLight, 1000) will call the changeLight() function once every second.

answered Jan 07 '16 at 18:56

RyanL

3 Answers3