Как активировать функцию каждые 3 секунды?

Question

Мне нужно сделать анимацию, которая будет автоматически изменяться в последовательности.

Answer 1

Вы найдете setInterval полезный для этого.

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

function myFunc() { 
    //do things here 
} 

Вышеупомянутый код будет вызывать myFunc() каждые 3000 миллисекунд или каждые 3 секунды.

Answer 2

Посмотрите на setInterval(). Что-то вдоль линий setInterval(changeLight, 1000) будет вызывать функцию changeLight() раз в секунду.

Answer 3

Звучит как работа для setInterval.

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval

Чтобы сделать это изменить каждые 3 секунды, вы могли бы сделать что-то вроде:

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

это будет вызывать эту функцию каждые 3 секунды. Возможно, вам потребуется изменить свою функцию, чтобы получить желаемое поведение.

Если вы хотите, чтобы это остановить, сделайте следующее:

window.clearInterval(intervalID);