Пауза в setInterval()

Управление методом setInterval() ограничено и есть только функция clearInterval() для полной отмены повторения действий. Но setInterval() можно как бы приостановить с помощью переменной.

1
var isPaused = false;
window.setInterval(function(){
	if(!isPaused){
		/* Выполняемый код... */
	}
}, 1000);

/* Остановить */
$('#pause').on('click', function(){
	isPaused = true;
});

/* Продолжить */
$('#play').on('click', function(){
	isPaused = false;
});
JS

Пример:

2
var isPaused = false;

window.setInterval(function(){
	if(!isPaused){
		/* Выполняемый код... */
	}
}, 1000);

$('#pause').on('click', function(){
	if(!isPaused){
		isPaused = true;
	} else {
		isPaused = false;
	}
});
JS

Пример:

3
var isPaused = false;

window.setInterval(function(){
	if(!isPaused){
		/* Выполняемый код... */
	}
}, 1000);

/* Остановить на 5 секунд */
$('#pause-5').on('click', function(){
	if(!isPaused){
		isPaused = true;
		setTimeout(function(){
			isPaused = false;
		}, 5000);
	}
});

/* Остановить на 10 секунд */
$('#pause-10').on('click', function(){
	if(!isPaused){
		isPaused = true;
		window.setTimeout(function(){
			isPaused = false;
		}, 10000);
	}
});
JS

Пример:

29.09.2021
6474

Комментарии

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

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

Как изменить Favicon сайта из JavaScript
Для замены Favicon во вкладке браузера достаточно у элемента link rel="icon" в атрибуте href указать путь до нового...
12292
+2
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
43172
+34
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
60099
+7
Работа с ценами PHP
Приведение цен к общему типу, форматирование и вывод цен.
15652
+3
Как изменить title сайта из JS / JQuery
Для привлечения внимания пользователя, например о каком либо событии, изменяют title страницы (особенно это заметно...
13543
-1
Работа с числами в PHP
Сборник математических функций PHP и примеры их использования.
21357
+5