Metodo Window setTimeout()

Oggetto Window JavaScript

setTimeout()una volta che il timer è scaduto, il timer chiamerà la funzione o eseguirà un segmento di codice.

Questo metodo restituisce un ID univoco identificativo del timer, quindi è possibile impostare un timer utilizzando il metodoclearTimeout()per rimuoverlo.

usareclearTimeout()metodo per bloccare l'esecuzione di questa funzione.

Questa funzione viene eseguita una volta sola. Se si desidera eseguire ripetutamente, utilizzaresetInterval()metodo.

Sintassi:

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

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

Compatibilità del browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo setTimeout():

valore del parametro

技术细节

更多实例

此示例引用外部“命名”函数：

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

Clicca sul pulsante "Inizia il conteggio" per avviare il timer. Clicca sul pulsante "Ferma il conteggio" per fermare il conteggio:

Passa parametri alla funzione myFunc (non funziona in Internet Explorer 9 e versioni precedenti):

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

Ma se usi una funzione anonima, funzionerà in tutti i browser:

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

Riferimenti correlati

Riferimento finestra (Window):Metodo clearTimeout()

Riferimento finestra (Window):Metodo setInterval()

Riferimento finestra (Window):Metodo clearInterval()

Oggetto Window JavaScript