De setTimeout() methode in JavaScript wordt gebruikt om een functie uit te voeren na het wachten op het opgegeven tijdsinterval. Deze methode retourneert een numerieke waarde die de ID-waarde van de timer vertegenwoordigt.
In tegenstelling tot de setInterval() methode, de setTimeout() methode voert de functie slechts één keer uit. Deze methode kan worden geschreven met of zonder de raam voorvoegsel.
Wij kunnen gebruik maken van de clearTimeout() methode om de time-out te stoppen of om de uitvoering van de functie die is opgegeven in de setTimeout() methode. De waarde die wordt geretourneerd door de setTimeout() methode kan worden gebruikt als argument voor de clearTimeout() methode om de timer te annuleren.
De veelgebruikte syntaxis van de setTimeout() methode vindt u hieronder.
Syntaxis
window.setTimeout(function, milliseconds);
Parameterwaarden
Deze methode gebruikt twee parameterwaarden functie En milliseconden die als volgt worden gedefinieerd.
functie: Het is de functie die het codeblok bevat dat wordt uitgevoerd.
milliseconden: Deze parameter vertegenwoordigt het tijdsinterval waarna de uitvoering van de functie plaatsvindt. Het interval is in milliseconden. De standaardwaarde is 0. Deze definieert hoe vaak de code wordt uitgevoerd. Als dit niet is opgegeven, de waarde 0 is gebruikt.
Laten we het gebruik van begrijpen setTimeout() methode aan de hand van enkele illustraties.
Voorbeeld 1
Dit is een eenvoudig voorbeeld van het gebruik van de setTimeout() methode. Hier wordt een waarschuwingsvenster weergegeven met een interval van twee seconden. We gebruiken geen enkele methode om de uitvoering van de functie gespecificeerd in setTimeout() methode. Dus de setTimeout() methode voert de opgegeven functie slechts één keer uit, na het opgegeven tijdsinterval.
setTimeout() method <h3> This is an example of using the setTimeout() method </h3> <p> Click the following button before 2 seconds to see the effect. </p> Stop var a = setTimeout(fun1, 2000); function fun1() { var win1 = window.open(); win1.document.write(' <h2> Welcome to the javaTpoint.com </h2>'); setTimeout(function(){win1.close()}, 2000); } function stop() { clearTimeout(a); } Test het nu Uitvoer
De uitvoer blijft hetzelfde als de gebruiker op klikt stop knop binnen twee seconden. Anders wordt er na twee seconden een nieuw tabblad geopend en na twee seconden openen gesloten.