пример
Отображение текущего времени (the setInterval() метод будет выполняться функция один раз 1 раз в секунду, так же , как цифровые часы). Используйте clearInterval() , чтобы остановить время:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
clearInterval() Метод очищает таймер , установленный с setInterval() метода.
Значение идентификатора , возвращаемое setInterval() используются в качестве параметра для clearInterval() методы.
Примечание: Для того, чтобы иметь возможность использовать clearInterval() метод, вы должны использовать глобальную переменную при создании метода интервала:
myVar = setInterval(" Тогда вы будете в состоянии остановить выполнение с помощью вызова метода clearInterval ().
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Синтаксис
clearInterval( Значения параметров параметр Описание id_of_setinterval Необходимые. Идентификатор таймера , возвращаемого setInterval() метод
Технические подробности
Возвращаемое значение: Нет возвращаемого значения
Еще примеры
пример
Переключение между двумя цвета фона каждые 300 миллисекунд, пока не будет остановлен clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} Попробуй сам "
пример
Использование setInterval() и clearInterval() , чтобы создать динамический индикатор:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} Попробуй сам "
Похожие страницы
Окно объекта: href="met_win_setinterval.html"> setInterval() Method
Окно объекта: href="met_win_settimeout.html"> setTimeout() Method
: Окно объекта href="met_win_cleartimeout.html"> clearTimeout() Method
<Окно объекта