Как сделать таймер на js

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
07 марта 2022

Для вызова какого-либо кода через определенный промежуток времени используется функция setTimeout(). Первым параметром она принимает функцию, которую нужно вызвать, а вторым параметром интервал в миллисекундах, через который вызовется функция. Сама же функция возвращает идентификатор таймера:

const sayHi = () => {
  alert('Привет');
}

const timerId = setTimeout(sayHi, 1000);

Также есть функция setInterval(), которая повторяет вызов функции через заданный интервал:

const sayHi = () => {
  alert('Привет');
}

const timerId = setTimeout(sayHi, 1000);

Функция будет повторять бесконечно вызов функции. Чтобы остановить вызовы, можно воспользоваться функцией clearTimeout(), которая принимает в качестве параметра идентификатор таймера:

const sayHi = () => {
  alert('Привет');
}

const timerId = setInterval(sayHi, 1000);

setTimeout(() => clearInterval(timerId), 5000); // останавливаем вызовы через 5 секунд
0 0
Познакомьтесь с основами JavaScript бесплатно