Метод Window setTimeout()

Объект окна JavaScript

setTimeout()метод для установки таймера, который вызовет функцию или выполнит фрагмент кода, когда таймер истечет.

Этот метод возвращает уникальный идентификатор таймера, поэтому вы можете позже вызватьclearTimeout()чтобы удалить его.

ИспользуйтеclearTimeout()метод для блокировки выполнения этой функции.

Эта функция выполняется всего один раз. Если нужно повторно выполнять, пожалуйста, используйтеsetInterval()метод.

Грамматика:

window.setTimeout(function, delay, param1, param2, ...)

setTimeout(function() { alert("Hello World"); }, 2000);

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

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

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

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

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

Этот пример ссылается на внешнюю "именованную" функцию:

var timeoutID;
function myFunc() {
　　timeoutID = setTimeout(myCallback, 2000);
}
function myCallback() {
　　alert("Hello World");
}

Использование clearTimeout() для предотвращения выполнения функции:

var timeoutID;
function myFunc() {
　　timeoutID = setTimeout(myCallback, 2000);
}
function myCallback() {
　　alert("Hello World");
}
function myStopFunc() {
　　　clearTimeout(timeoutID);
}

Использование рекурсии для отображения текущего времени (как на цифровом часах, выполняется функция "startTimer()" каждые 1 секунду):

window.addEventListener("load", startTimer);
function startTimer() {
　　　var date = new Date();
　　　var x = document.getElementById("result");
　　　x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
　　　setTimeout(startTimer, 1000); // Recursion　
}

Использование setTimeout() для создания динамической ленты прогресса:

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

Нажмите на кнопку "Начать подсчет" ниже, чтобы запустить таймер. Нажмите на кнопку "Остановить подсчет", чтобы остановить подсчет:

Передайте параметры функции myFunc (не работает в IE9 и более ранних версиях):

var timeoutID = setTimeout(myFunc, 2000, "First", "Second", "Third");

Но если вы используете анонимную функцию, она будет работать во всех браузерах:

var timeoutID = setTimeout(function() { myFunc("First", "Second", "Third"); }, 2000);

См. также

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

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

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

Объект окна JavaScript