пример
Оповещение "Hello" каждые 3 секунды (3000 milliseconds) :
setInterval(function(){ alert("Hello"); }, 3000);
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
setInterval() метод вызывает функцию или вычисляет выражение через заданные интервалы времени (in milliseconds) .
setInterval() метод будет продолжать вызов функции до clearInterval() вызывается, или окно закрыто.
Значение идентификатора , возвращаемое setInterval() используются в качестве параметра для clearInterval() методы.
Tip: 1000 мс = 1 секунда.
Совет: Для того, чтобы выполнить функцию только один раз, после определенного количества миллисекунд, используйте setTimeout() метод.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
метод | |||||
---|---|---|---|---|---|
setInterval() | 1,0 | 4,0 | 1,0 | 1,0 | 4,0 |
Синтаксис
setInterval( function,milliseconds,param1,param2,... )
Значения параметров
параметр | Описание |
---|---|
function | Необходимые. Функция, которая будет выполнена |
milliseconds | Необходимые. Интервалы (in milliseconds) , о том , как часто , чтобы выполнить код |
param1,param2,... | Необязательный. Дополнительные параметры для перехода к функции (не поддерживается в IE9 и ранее) |
Технические подробности
Возвращаемое значение: | A Количество, представляющее значение идентификатора таймера, который установлен. Используйте это значение с clearInterval() метод , чтобы отменить таймер |
---|
Еще примеры
пример
Вы можете также обратиться к "named" под "named" функции; Оповещение "Hello" каждые 3 секунды (3000 milliseconds) :
var myVar;
function myFunction() {
myVar =
setInterval(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Попробуй сам " пример
Отображение текущего времени (the setInterval() метод будет выполняться функция один раз 1 раз в секунду, так же , как цифровые часы):
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
Попробуй сам " пример
Использование 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);
}
Попробуй сам " пример
Использование setInterval() и clearInterval() , чтобы создать динамический индикатор:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
}
Попробуй сам " пример
Переключение между двумя цвета фона каждые 300 миллисекунд:
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);
}
Попробуй сам " пример
Передача параметров функции alertFunc (does not work in IE9 and earlier) :
var myVar;
function myStartFunction() {
myVar
= setInterval(alertFunc, 2000, "First param", "Second param");
}
Попробуй сам " Однако, если вы используете анонимные функции, он будет работать во всех браузерах:
var myVar;
function myStartFunction() {
myVar =
setInterval(function(){ alertFunc("First param", "Second param"); },
2000);
}
Попробуй сам " Похожие страницы
: Окно объекта href="met_win_clearinterval.html"> clearInterval() Method
Окно объекта: href="met_win_settimeout.html"> setTimeout() Method
: Окно объекта href="met_win_cleartimeout.html"> clearTimeout() Method
<Окно объекта