Метод Window clearInterval()

Объект Window JavaScript

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

ID значения, возвращаемого setInterval(), используется в качестве параметра метода clearInterval().

Обратите внимание:Для использования метода clearInterval() при создании метода interval необходимо использовать переменную:

t = setInterval("javaScript function", milliseconds);

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

clearInterval(t);

Синтаксис:

window.clearInterval(var)

var t = setInterval(startTimer, 1000);
function startTimer() {
　　　var date = new Date();
　　　var x = document.getElementById("result");
　　　x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
}
function stopTimer() {
　　　clearInterval(t);
}

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает метод clearInterval():

Значение параметра

Технические детали

Более примеров

Переключение между двумя цветами фона каждые 200 миллисекунд до тех пор, пока не будет остановлено clearInterval():

var t = setInterval(setColor, 200);
function setColor() {
　　　var x = document.body;
　　　x.style.backgroundColor = (x.style.backgroundColor == "coral") ? "lightgreen" : "coral";
}
function stopColor() {
　　　clearInterval(t);
}

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

var i = 0;
var bar = document.getElementById("progress-bar");
var t;
function start() {
　　t = setInterval(progress, 60);
}
function progress() {
　　if(i < 100) {
　i++;
　bar.style.width = i + "%";
　bar.innerHTML = i + " %";
　　} else {
　clearInterval(t);
　　}
}
function stop() {
　　clearInterval(t);
}

См. также

Справка по окну (Window):Метод setInterval()

Справка по окну (Window):Метод setTimeout()

Справка по окну (Window):Метод clearTimeout()

Справка по окну (Window):Метод requestAnimationFrame()

Объект Window JavaScript