Таймер и задержка в JS

В JS для работы с «планированием вызова» существуют два метода:

Позволяет вызывать функцию много раз, через определённый интервал времени:

setInterval(func, delay)

Где:

  • func – функция или строка кода для выполнения,
  • delay – интервал в миллисекундах (1000 = 1 секунда).

Стоит заметить, что вызываемая функция будет работать асинхронно.

Выполнение кода:

setInterval("alert('Прошла одна секунда');"}, 1000);
JS

Выполнение анонимной функции:

setInterval(function(){
	alert('Прошла одна секунда');
}, 1000);
JS

Вызов функции:

setInterval('showmessage', 1000);

function showmessage(){
	alert('Прошла одна секунда');
}
JS

Отмены выполнения

Чтобы остановить setInterval применяется метод clearInterval(id).

var interval_id = setInterval({
	alert('Прошла одна секунда');
}, 1000);

...

clearInterval(interval_id);
JS

Выполняет заданный код асинхронно только один раз, через заданный интервал времени.

Синтаксис:

setTimeout(func, delay)

Где:

  • func – функция или строка кода для выполнения,
  • delay – интервал в миллисекундах (1000 = 1 секунда).

Выполнение кода:

setTimeout("alert('1-секундная задержка прошла');", 1000);
JS

Выполнение анонимной функции:

setTimeout(function(){
	alert('1-секундная задержка прошла');
}, 1000);
JS

Вызов функции:

setTimeout(showmessage, 1000);

function showmessage(){
	alert('1-секундная задержка прошла');
}
JS

Также, метод setTimeout можно отменить с помощью метода clearTimeout(id).

var timeout_id = setTimeout({
	alert('1-секундная задержка прошла');
}, 1000);

...

clearTimeout(timeout_id);
JS
19.09.2020, обновлено 07.11.2021
15709
#JS

Комментарии

, чтобы добавить комментарий.

Другие публикации

Обновить страницу с помощью JS / HTML / PHP
Сборник методов для перезагрузки страницы или вкладки браузера.
32947
+4
Примеры отправки AJAX JQuery
AJAX позволяет отправить и получить данные без перезагрузки страницы. Например, делать проверку форм, подгружать контент и т.д. А функции JQuery значительно упрощают работу.
129338
+19
Графический редактор на Canvas и JS + PHP
Пример редактора тапа «Paint» с картинкой-подложкой, на которой можно рисовать мышью с последующей отправкой на сервер.
600
+2
Сгенерировать пароль на JS
Небольшая JavaScript функция для генерации пароля...
4158
0
Подключение к платежной системе Сбербанка
После регистрации в системе эквайринга Сбербанка и получив доступ к тестовой среде, можно приступить к интеграции с...
38133
+18
Как изменить title сайта из JS / JQuery
Для привлечения внимания пользователя, например о каком либо событии, изменяют title страницы (особенно это заметно...
3356
0