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

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

правити

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

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

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

правити

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

Переглядачі

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

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

Переглядач
clearInterval	1+	1+	1+	3+	12+	5+

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

Переглядач
clearInterval	yes	yes	yes	yes

Приклади

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

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();
});