JavaScript clearInterval() — зупинити повторюваний виклик

Метод clearInterval() зупиняє повторюваний виклик, створений через setInterval().

правити

Загальний опис

Без нього інтервал не зупиниться ніколи — доки жива вкладка. Тому ідентифікатор, повернений setInterval(), треба зберігати завжди, навіть якщо здається, що зупиняти не доведеться.

Найчастіша помилка — оголосити змінну з id усередині функції, яка створює інтервал: тоді дістатись до неї ззовні вже неможливо, і зупинити таймер нема чим.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0*	1.0

Приклади

+ запропонувати свій приклад у пісочниці

let id = null;

function start() {
    if (id !== null) {
        return; // уже йде
    }

    id = setInterval(tick, 1000);
}

function stop() {
    clearInterval(id);
    id = null;
}

// коли сторінка ховається — зупиняємо, щоб не палити батарею
document.addEventListener('visibilitychange', () => {
    document.hidden ? stop() : start();
});