Fenster setTimeout()
Beispiele
Warten Sie 5 Sekunden auf die Begrüßung:
const myTimeout = setTimeout(myGreeting, 5000);
Verwenden Sie clearTimeout(myTimeout), um zu verhindern, dass myGreeting ausgeführt wird:
const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
clearTimeout(myTimeout);
}
Weitere Beispiele unten.
Definition und Verwendung
Die setTimeout()
Methode ruft nach einigen Millisekunden eine Funktion auf.
1 Sekunde = 1000 Millisekunden.
Anmerkungen
Die setTimeout()
wird nur einmal ausgeführt.
Wenn Sie wiederholte Ausführungen benötigen, verwenden Sie setInterval()
stattdessen.
Verwenden Sie die clearTimeout()
Methode, um den Start der Funktion zu verhindern.
Verwenden Sie zum Löschen eines Timeouts die von setTimeout () zurückgegebene ID:
myTimeout = setTimeout(function, milliseconds);
Dann können Sie die Ausführung stoppen, indem Sie clearTimeout() aufrufen:
clearTimeout(myTimeout);
Siehe auch:
Syntax
setTimeout(function, milliseconds, param1, param2, ...)
Parameter
Parameter | Description |
function | Required. The function to execute. |
milliseconds | Optional. Number of milliseconds to wait before executing. Default value is 0. |
param1, param2, ... |
Optional. Parameters to pass to the function. Not supported in IE9 and earlier. |
Rückgabewert
Typ | Beschreibung |
Eine Zahl | Die ID des Timers. Verwenden Sie diese ID mit clearTimeout(id), um den Timer abzubrechen. |
Mehr Beispiele
Zeigen Sie nach 3 Sekunden (3000 Millisekunden) ein Warnfeld an:
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Einen zeitgesteuerten Text anzeigen:
let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);
Öffnen Sie ein neues Fenster und schließen Sie das Fenster nach drei Sekunden (3000 Millisekunden):
const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);
Zählen Sie für immer - aber mit der Möglichkeit, die Zählung zu stoppen:
function startCount()
function stopCount()
Eine Uhr, die mit Timing-Ereignissen erstellt wurde:
function startTime() {
const date = new Date();
document.getElementById("txt").innerHTML = date.toLocaleTimeString();
setTimeout(function() {startTime()}, 1000);
}
Parameter an die Funktion übergeben (funktioniert nicht in IE9 und früher):
setTimeout(myFunc, 2000, "param1", "param2");
Wenn Sie jedoch eine anonyme Funktion verwenden, funktioniert diese in allen Browsern:
setTimeout(function() {myFunc("param1", "param2")}, 2000);
Browser-Unterstützung
setTimeout()
wird in allen Browsern unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |