logo

Wat is het doel van de functie setTimeout() in JavaScript?

In JavaScript wordt de setTimeout()-functie is erg goed voor het toevoegen van vertragingen of het plannen van de uitvoering van een specifieke functie na een bepaalde periode. Het is een belangrijk kenmerk van zowel browseromgevingen als Node.js, waardoor asynchroon gedrag bij het uitvoeren van code mogelijk wordt. Of u nu een webapplicatie of een server-side script bouwt, setTimeout() biedt flexibiliteit bij het beheren van timinggerelateerde taken zonder de rest van de programmastroom te blokkeren.

Syntaxis:



setTimeout(function, milliseconds, arg1, arg2, ...);>

Parameters:

  • functie : Na de opgegeven tijdsperiode is dit de functie die wordt uitgevoerd.
  • milliseconden : De vertragingstijd wordt uitgedrukt in milliseconden.
  • arg1 , arg2 : Indien nodig zijn dit de optionele parameters.

1. Annulering van setTimeout()>

JavaScript biedt een overeenkomstige functie genaamdclearTimeout()>om een ​​geplande time-out te annuleren voordat deze wordt uitgevoerd.

tweevoudig java

Voorbeeld: In dit voorbeeld hebben we de annulering van de settimeout getoond.

Javascript
function delayedFunction() {  console.log('This won't be executed due to clearTimeout'); } let timeoutId = setTimeout(delayedFunction, 2000); // Cancel the setTimeout before it executes clearTimeout(timeoutId); console.log('Timeout canceled');>

2. Doel van setTimeout()>

In JavaScript wordt desetTimeout()>Deze functie wordt gebruikt om een ​​vertraging in te voeren of om een ​​bepaalde functie uit te voeren nadat een bepaalde tijd is verstreken. Het maakt deel uit van de web-API's die worden geleverd door browsers en Node.js, waardoor asynchrone uitvoering van code mogelijk is.



Voorbeeld: Hieronder ziet u een voorbeeld van settimeout.

Javascript
console.log('Start'); setTimeout(function() {  console.log('Delayed log after 2000 milliseconds'); }, 2000); console.log('End');>

Uitgang:

java int naar char
Start End Delayed log after 2000 milliseconds>

Uitleg:



  • DesetTimeout()>functie heeft twee parameters nodig: een callback-functie en een tijdsvertraging in milliseconden.
  • In het voorbeeld, na de initiële Start- en Eindlogboeken, wordt desetTimeout()>is ingesteld om de callback-functie (vertraagd loggen) uit te voeren na 2000 milliseconden (2 seconden).
  • De rest van de code gaat door met uitvoeren zonder op de vertraging te wachten, wat de asynchrone aard van de code aantoontsetTimeout()>.
  • Na de opgegeven vertraging wordt de callback-functie aangeroepen, waardoor het bericht Vertraagd loggen na 2000 milliseconden in de console wordt geregistreerd.

Gebruiksscenario's:

  1. Uitvoering uitstellen: Het kan worden gebruikt om vertragingen in de uitvoering van code te introduceren, wat handig is voor scenario's zoals animaties, getimede gebeurtenissen of uitgestelde bewerkingen.
  2. Asynchrone bewerkingen: In combinatie met callback-functies vergemakkelijkt het asynchroon gedrag, waardoor niet-blokkerende code-uitvoering mogelijk wordt.
  3. Time-outs bij webontwikkeling: Het wordt vaak gebruikt bij webontwikkeling voor het afhandelen van time-outs, zoals het weergeven van een melding na een bepaalde tijd of het vernieuwen van inhoud.