Таймер — это функция, которая позволяет нам выполнять код в определенное время. В этой статье я расскажу об основных функциональных возможностях двух функций таймера в JavaScript: setTimeout() и setInterval().

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

установить время ожидания ()

Функция setTimeout() позволяет запланировать или выполнить функцию или фрагмент кода только один раз в указанное время.

синтаксис =›setTimeout(функция, время);

Функция принимает два параметра: функция, которая представляет собойимя запускаемой функции, и времяпараметр, определяющий время, в течение которого браузер будет ожидать срабатывания функции. Примечание. параметр времени – это количество миллисекунд (1 секунда = 1000 миллисекунд). Вот пример того, как это работает:

‹script›
function myFunction() {
alert(‘Hello’);
}
‹/script›

‹button onclick="setTimeout(myFunction, 3000)"›Нажмите здесь‹/button›

В приведенном выше примере будет отображаться предупреждающее сообщение «Привет» через 3 секунды после нажатия кнопки.

установитьинтервал()

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

синтаксис =› setInterval(функция, время);

Функция setInterval() также принимает два параметра: функция, которая является именем выполняемой функции, и время, которое указывает длину временного интервала. между каждым исполнением. (1 секунда = 1000 миллисекунд). Проиллюстрировать:

‹script›
function Period(){
setInterval(function(){alert("Добро пожаловать на страницу")},3000);
}
‹/script›

В приведенном выше примере после нажатия кнопки окно оповещения появляется каждые 2 секунды.

Отмена таймера

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

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

синтаксис =› myVar=setTimeout(функция,время);

‹button onclick="myVar=setTimeout(function(){alert('Hello')},3000)"›Start‹/button›

‹button onclick="clearTimeout(myVar)"›Clear‹/button›

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

синтаксис =› myVar=setInterval(функция,время);
clearInterval(myVar);