Window setTimeout()Methode

Window 对象参考手册Window-Objekt

Beispiel

Zeigen Sie "Hello" nach 3 Sekunden (3000 Millisekunden) an:

setTimeout(function(){ alert("Hallo"); }, 3000);

Selbst ausprobieren »

Definition und Verwendung

Die Methode setTimeout() wird verwendet, um eine Funktion aufzurufen oder einen Ausdruck nach einer angegebenen Anzahl von Millisekunden auszuwerten.

Tipp:1000 Millisekunden = 1 Sekunde.

Tipp:Wenn Sie nur die Ausführung wiederholen möchten, können Sie diesetInterval()Methode verwenden.

Tipp:Verwenden Sie die clearTimeout()Methode, um die Ausführung der Funktion zu verhindern.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Methode unterstützt.

Methode
setTimeout() 1.0 4.0 1.0 1.0 4.0

Syntax

setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)
Parameter Beschreibung
Code/Funktion Erforderlich. Ein auszuführender Code-String oder eine Funktion.
milliseconds Optional. Die Zeit in Millisekunden, die gewartet wird, bevor Code/Funktion ausgeführt oder aufgerufen wird. Standardwert ist 0.
param1, param2, ... Optional. Zusätzliche Parameter, die an die ausgeführte Funktion übergeben werden (nicht unterstützt in IE9 und früheren Versionen).

Technische Details

Rückgabewert: Gibt eine ID (Nummer) zurück. Diese ID kann an clearTimeout() übergeben werden, um die Ausführung abzubrechen.

Weitere Beispiele

Beispiel

Zeigen Sie "Hello" nach 3 Sekunden (3000 Millisekunden) an:

var myVar; function myFunction() { myVar = setTimeout(alertFunc, 3000); } function alertFunc() { alert("Hello!"); }

Selbst ausprobieren »

Beispiel

Ändern Sie den Text im Eingabefeld nach 2, 4 und 6 Sekunden:

var x = document.getElementById("txt"); setTimeout(function(){ x.value = "2 Sekunden" }, 2000); setTimeout(function(){ x.value = "4 Sekunden" }, 4000); setTimeout(function(){ x.value = "6 Sekunden" }, 6000);

Selbst ausprobieren »

Beispiel

Öffne ein neues Fenster und schließe es nach 3 Sekunden:

var myWindow = window.open("", "", "width=200, height=100"); myWindow.document.write("<p>Dies ist ein neues Fenster</p>"); setTimeout(function(){ myWindow.close() }, 3000);

Selbst ausprobieren »

Beispiel

Verwende clearTimeout(), um zu verhindern, dass die Funktion ausgeführt wird:

var myVar; function myFunction() { myVar = setTimeout(function(){ alert("Hallo") }, 3000); } function myStopFunction() { clearTimeout(myVar); }

Selbst ausprobieren »

Beispiel

Zähler -- du kannst ihn stoppen, indem du auf einen Button klickst:

function startCount() function stopCount()

Selbst ausprobieren »

Beispiel

Aktuelle Uhrzeit anzeigen:

function startTime() { var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); //Eine 0 vor Zahlen kleiner als 10 hinzufügen m = checkTime(m); s = checkTime(s); document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s; t = setTimeout(function(){ startTime() }, 500); } function checkTime(i) { if (i<10) { i = "0" + i; } return i; }

Selbst ausprobieren »

Beispiel

Parameter an die Funktion alertFunc übergeben (in IE9 und früheren Versionen nicht unterstützt):

var myVar; function myStartFunction() { myVar = setTimeout(alertFunc, 2000, "Beispiel", "Google"); }

Selbst ausprobieren »

Wenn jedoch eine anonyme Funktion verwendet wird, unterstützen alle Browser sie:

var myVar; function myStartFunction() { myVar = setTimeout(function(){ alertFunc("Beispiel", "Google"); }, 2000); }

Selbst ausprobieren »

Verwandte

Window-Objekt:setInterval()-Methode

Window-Objekt:setTimeout()-Methode

Window-Objekt:clearTimeout()-Methode

Window 对象参考手册Window-Objekt

Andere Erweiterungen