VenstersetTimeout()
Voorbeelden
Wacht 5 seconden op de begroeting:
const myTimeout = setTimeout(myGreeting, 5000);
Gebruik clearTimeout(myTimeout) om te voorkomen dat myGreeting wordt uitgevoerd:
const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
clearTimeout(myTimeout);
}
Hieronder meer voorbeelden.
Definitie en gebruik
De setTimeout()
methode roept een functie aan na een aantal milliseconden.
1 seconde = 1000 milliseconden.
Opmerkingen:
Het setTimeout()
wordt slechts één keer uitgevoerd.
Als u herhaalde uitvoeringen nodig hebt, gebruikt u setInterval()
in plaats daarvan.
Gebruik de clearTimeout()
methode om te voorkomen dat de functie wordt gestart.
Om een time-out te wissen, gebruikt u de id die is geretourneerd door setTimeout():
myTimeout = setTimeout(function, milliseconds);
Vervolgens kunt u de uitvoering stoppen door clearTimeout() aan te roepen:
clearTimeout(myTimeout);
Zie ook:
Syntaxis
setTimeout(function, milliseconds, param1, param2, ...)
Parameters:
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. |
Winstwaarde
Type | Beschrijving |
Een getal | Het ID van de timer. Gebruik deze id met clearTimeout(id) om de timer te annuleren. |
Meer voorbeelden
Geef een waarschuwingsvenster weer na 3 seconden (3000 milliseconden):
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Geef een getimede tekst weer:
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);
Open een nieuw venster en sluit het venster na drie seconden (3000 milliseconden):
const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);
Tel voor altijd - maar met de mogelijkheid om de telling te stoppen:
function startCount()
function stopCount()
Een klok gemaakt met timinggebeurtenissen:
function startTime() {
const date = new Date();
document.getElementById("txt").innerHTML = date.toLocaleTimeString();
setTimeout(function() {startTime()}, 1000);
}
Geef parameters door aan de functie (werkt niet in IE9 en eerder):
setTimeout(myFunc, 2000, "param1", "param2");
Als u echter een anonieme functie gebruikt, werkt deze in alle browsers:
setTimeout(function() {myFunc("param1", "param2")}, 2000);
Browserondersteuning
setTimeout()
wordt ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |