Window setTimeout() methode

Definitie en gebruik

setTimeout() De methode roept de functie op na een bepaald aantal milliseconden.

Opmerking:1 seconde = 1000 milliseconden.

Tip

setTimeout() Eénmalig uitvoeren.

Als je het herhaaldelijk wilt uitvoeren, gebruik dan setInterval().

Gebruik clearTimeout() methode om de functie te voorkomen dat hij start.

Om de timeout te verwijderen, gebruik dan setTimeout() Teruggegeven ID:

myTimeout = setTimeout(function, milliseconds);

Vervolgens kun je clearTimeout() methode om de uitvoering te stoppen:

clearTimeout(myTimeout);

Zie ook:

clearTimeout() methode

setInterval() methode

clearInterval() methode

Voorbeeld

Voorbeeld 1

Hallo na 5 seconden:

const myTimeout = setTimeout(myGreeting, 5000);

Try it yourself

Voorbeeld 2

Gebruik clearTimeout(myTimeout) om de uitvoering van myGreeting te stoppen:

const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
  clearTimeout(myTimeout);
}

Try it yourself

Meer voorbeelden zijn beschikbaar onder de pagina.

Syntax

setTimeout(function, milliseconds, param1, param2, ...)

Parameters

Parameters Beschrijving
function Verplicht. De functie die moet worden uitgevoerd.
milliseconds

Optioneel. Aantal milliseconden wachten voordat de uitvoering begint.

Standaardwaarde is 0.
param1, param2,...

Optioneel. Parameters die aan de functie worden doorgegeven.

IE9 en oudere versies ondersteunen dit niet.

Retourwaarde

Type Beschrijving
Getal.

Timer ID.

Vul dit id in met clearTimeout(idmethode Gebruik samen om timers te annuleren.

Browserondersteuning

Wordt ondersteund door alle browsers setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Meer voorbeelden

Voorbeeld 3

Toon een waarschuwingvak over 3 seconden (3000 milliseconden):

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

Try it yourself

Voorbeeld 4

Toon tijdige tekst:

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

Try it yourself

Voorbeeld 5

Open een nieuw venster en sluit deze na drie seconden (3000 milliseconden):

const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);

Try it yourself

Voorbeeld 6

Voortdurende telling - maar kan worden gestopt:

function startCount()
function stopCount()

Try it yourself

Voorbeeld 7

Klokken gemaakt met tijdevenementen:

function startTime() {
  const date = new Date();
  document.getElementById("txt").innerHTML = date.toLocaleTimeString();
  setTimeout(function() {startTime()}, 1000);
}

Try it yourself

Voorbeeld 8

Pass parameters door aan de functie (werkt niet in IE9 en oudere versies):

setTimeout(myFunc, 2000, "param1", "param2");

Try it yourself

Voorbeeld 9

Maar als je een anonieme functie gebruikt, werkt dit voor alle browsers:

setTimeout(function() {myFunc("param1", "param2")}, 2000);

Try it yourself