Window setTimeout() -Methode

JavaScript Window-Objekt

setTimeout()eine Zeiterinnerung einrichten, die nach Ablauf des Zeiters die Funktion oder den Codeaufruf aufruft.

Diese Methode gibt eine eindeutige Kennnummer des Zeiters zurück, daher können Sie später durch AufrufclearTimeout()um es zu löschen.

Verwenden SieclearTimeout()Methode, um die Ausführung dieser Funktion zu verhindern.

Diese Funktion wird nur einmal ausgeführt. Wenn eine wiederholte Ausführung erforderlich ist, verwenden SiesetInterval()Methode.

Grammatik:

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

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

Browserkompatibilität

Die Zahlen in der Tabelle bezeichnen die erste Browserversion, die das setTimeout() -Verfahren vollständig unterstützt:

参数值

技术细节

更多实例

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

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

Klicken Sie auf die Schaltfläche "Zählen beginnen", um den Timer zu starten. Klicken Sie auf die Schaltfläche "Zählen stoppen", um das Zählen zu beenden:

Übergeben Sie Parameter an die Funktion myFunc (im IE9und in frühen Versionen nicht funktioniert hat):

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

Aber wenn Sie eine anonyme Funktion verwenden, wird sie in allen Browsern ausgeführt:

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

Zusammenhängende Referenzen

Fenster (Window) Referenz:clearTimeout() Methode

Fenster (Window) Referenz:setInterval() Methode

Fenster (Window) Referenz:clearInterval() Methode

JavaScript Window-Objekt