Метод clearInterval()
Пример clearInterval()
Отображение времени раз в секунду. Используйте clearInterval(), чтобы остановить время:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
Попробуйте сами »
Ещё примеры ниже.
Описание clearInterval()
Метод clearInterval() очищает таймер, установленный с помощью метода setInterval().
Примечание clearInterval()
Чтобы очистить интервал, используйте id, возвращаемый функцией setInterval():
myInterval = setInterval(function, milliseconds);
Затем вы можете остановить выполнение, вызвав функцию clearInterval():
clearInterval(myInterval);
Похожи на clearInterval()
Синтаксис clearInterval()
clearInterval(intervalId)
Параметры clearInterval()
| Параметр | Описание |
|---|---|
| intervalId | Обязательно. Идентификатор интервала, возвращенный функцией setInterval(). |
Возвращаемое значение clearInterval()
| НЕТ |
Ещё примеры clearInterval()
Переключение между двумя цветами фона каждые 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);
}
Попробуйте сами »
Использование 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()
clearInterval() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |