Manual de referência do JS DOM

Objeto Janela (Window) do JavaScript

setTimeout()Window setTimeout() Método

Este método retorna um ID de timeout único do temporizador, portanto, você pode chamá-lo posteriormente para configurar um temporizador, que chamará a função ou executará um bloco de código quando o temporizador expirar.clearTimeout()para removê-lo.

UsandoclearTimeout()método para impedir a execução dessa função.

Esta função é executada apenas uma vez. Se precisar de execução repetida, usesetInterval()Método.

Sintaxe:

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

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

Compatibilidade do navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente o método 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);
}

使用递归显示当前时间（就像数字手表一样，每1每秒钟执行一次“ startTimer()”函数）：

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);　　　//　Recursão　
}

使用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);　　//　Recursão
　　}
}
function stop() {
　　clearTimeout(t);
}

Clique no botão "Iniciar Contagem" abaixo para iniciar o temporizador. Clique no botão "Parar Contagem" para parar a contagem:

Passar parâmetros para a função myFunc (no IE9e não funciona em versões mais antigas):

var timeoutID = setTimeout(myFunc,　2000, "Primeiro", "Segundo", "Terceiro");

Mas, se você usar uma função anônima, ela funcionará em todos os navegadores:

var timeoutID = setTimeout(function(){ myFunc("Primeiro", "Segundo", "Terceiro"),}　2000);

Referências Relacionadas

Referência: Janela (Window)Método clearTimeout()

Referência: Janela (Window)Método setInterval()

Referência: Janela (Window)Método clearInterval()

Objeto Janela (Window) do JavaScript