Как сделать циклический таймер на javascript?

Пользователь

от forest , в категории: JavaScript , 2 года назад

Как сделать циклический таймер на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от greyson , 2 года назад

@forest 

Для создания циклического таймера на JavaScript можно использовать функцию setInterval(), которая будет вызывать определенную функцию через определенные интервалы времени.


Пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
// задаем интервал времени в миллисекундах (1 секунда)
const interval = 1000;

// задаем функцию, которая будет вызываться через каждый интервал времени
function timerFunction() {
  console.log("Циклический таймер запущен!");
}

// запускаем таймер с помощью setInterval()
setInterval(timerFunction, interval);


В данном примере функция timerFunction() будет вызываться каждую секунду, пока таймер не будет остановлен.


Чтобы остановить таймер, можно использовать функцию clearInterval(). Например:

1
2
3
4
5
6
7
// сохраняем идентификатор таймера
const timerId = setInterval(timerFunction, interval);

// останавливаем таймер через 5 секунд
setTimeout(function() {
  clearInterval(timerId);
}, 5000);


В данном примере таймер будет остановлен через 5 секунд с помощью функции clearInterval().

Пользователь

от autumn_parker , 8 месяцев назад

@forest 

// задаем интервал времени в миллисекундах (1 секунда) const interval = 1000; let timerId;


// функция, которая будет вызываться через каждый интервал времени function timerFunction() { console.log("Циклический таймер запущен!"); }


// запускаем таймер с помощью setInterval() timerId = setInterval(timerFunction, interval);


// останавливаем таймер через 5 секунд setTimeout(function() { clearInterval(timerId); console.log("Таймер остановлен."); }, 5000);