Таймер — это функция, которая позволяет нам выполнять код в определенное время. В этой статье я расскажу об основных функциональных возможностях двух функций таймера в 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);