JavaScript

De setTimeout-methode van JavaScript toepassen

De setTimeout-methode van JavaScript toepassen


Met de evolutie van het internet is JavaScript in populariteit gegroeid als programmeertaal vanwege de vele bruikbare methoden. Veel websites gebruiken bijvoorbeeld de ingebouwde setTime-out methode om taken uit te stellen. De setTimeout-methode heeft veel gebruiksscenario's en kan worden gebruikt voor animaties, meldingen en vertragingen bij de functionele uitvoering.Omdat JavaScript een vertaaltaal met één thread is, kunnen we slechts één taak tegelijk uitvoeren. Door call-stacks te gebruiken, kunnen we de uitvoering van code echter vertragen met behulp van de setTime-out methode. In dit artikel introduceren we de setTime-out methode en bespreken hoe we deze kunnen gebruiken om onze code te verbeteren.

De setTime-out methode is een ingebouwde methode die een callback-functie als argument neemt en deze na een bepaalde tijd uitvoert. De syntaxis voor de setTime-out methode is als volgt:

setTimeout(callbackFunctie, vertraging, argumenten...)

De terugbelfunctie is de functie die we na een bepaalde tijd willen uitvoeren; de vertraging is de tijd in milliseconden waarna we de callback-functie willen uitvoeren; en de argumenten zijn andere parameters die we willen doorgeven aan de callback-functie.

Nu zullen we de toepassen setTime-out methode. Eerst definiëren we een functie genaamd linuxhintFunc die de tekenreeks "Hallo van Linuxhint" afdrukt.”

functie linuxhintFunc()
troosten.log("Hallo van Linuxhint.");

Vervolgens bellen we linuxhintFunc in setTime-out en zorgen voor een vertraging van 2000 ms (2 s).

setTimeout (linuxhintFunc, 2000)

Zodra de webpagina is geladen, is er een vertraging van 2 s voordat de functie wordt aangeroepen. We kunnen dezelfde taak uitvoeren met behulp van de pijlfunctie of een anonieme functie.

setTimeout(() =>
troosten.log("Hallo van de Linuxhint");
, 2000)


Nogmaals, er is een vertraging van 2 s.

Merk op setTime-out methode is een asynchrone methode, wat betekent dat, hoewel JavaScript een taal met één thread is, deze functie op een andere thread wordt uitgevoerd. De setTime-out methode plaatst de functie in de wachtrij van de call-stack en wacht tot de call-stack vrij is. Als we proberen een bericht af te drukken of een functie in setTimeout zonder vertraging uit te voeren, dan zou deze actie eerst naar de voorkant van de wachtrij springen en worden uitgevoerd wanneer de setTime-out methode wordt uitgevoerd.

troosten.log("Hallo van de Linuxhint-1")
setTimeout(() =>
troosten.log("Hallo van de Linuxhint-2")
, 0)
troosten.log("Hallo van de Linuxhint-3")


Als we naar de uitvoer kijken, is de volgorde van de uitvoer niet dezelfde als die van de invoer. Daarom, de setTime-out functie kan de uitvoering van code vertragen;.

Conclusie

Dit artikel introduceert de ingebouwde JavaScript-functie setTime-out methode en besproken hoe we het kunnen gebruiken. We hopen dat je iets van dit artikel hebt geleerd en dat je verder leert over JavaScript met linuxhint.com.

Cursor springt of beweegt willekeurig tijdens het typen in Windows 10
Als u merkt dat uw muiscursor vanzelf springt of beweegt, automatisch, willekeurig tijdens het typen op een Windows-laptop of -computer, dan kunnen en...
De scrollrichting van de muis en touchpads omkeren in Windows 10
Muis en Touchpads maken computergebruik niet alleen eenvoudig, maar ook efficiënter en minder tijdrovend. We kunnen ons een leven zonder deze apparate...
Hoe de muisaanwijzer en cursorgrootte, kleur en schema op Windows 10 te veranderen
De muisaanwijzer en cursor in Windows 10 zijn zeer belangrijke aspecten van het besturingssysteem. Dit geldt ook voor andere besturingssystemen, dus i...