Метод Window clearInterval()

Определение и использование

clearInterval() Метод удаления использования Метод setInterval() установленный таймер.

Подсказка

Чтобы удалить интервал, используйте setInterval() Возвратный идентификатор:

myInterval = setInterval(функция, milliseconds);

Затем вы можете вызвать clearInterval() Чтобы остановить выполнение:

clearInterval(myInterval);

См. также:

Метод setInterval()

Метод setTimeout()

Метод clearTimeout()

Пример

Пример 1

Отображение времени каждый секунд. Использование clearInterval() для остановки времени:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Попробуйте сами

Пример 2

Переключение между двумя фоновыми цветами каждые 500 миллисекунд:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Попробуйте сами

Пример 3

Создание динамического индикатора прогресса с помощью setInterval() и clearInterval():

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

Попробуйте сами

Грамматика

clearInterval(intervalId)

Параметры

Параметры Описание
intervalId Обязателен. От setInterval() Возвратный идентификатор интервала.

Возвратное значение

Нет.

Описание

clearInterval() Метод будет останавливать выполнение указанного кода周期ически, операции над этим кодом выполняются вызовом Метод setInterval() запуск. intervalId должен быть вызван Метод setInterval() возвратное значение после.

Поддержка браузера

Все браузеры поддерживают clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка