JavaScript Sleep () functie?
Sleep ()
met behulp van Sleep() kunnen we een functie maken om de uitvoering voor een bepaalde tijd te pauzeren. In programmeertalen zoals C enphp zouden we slaap(sec) noemen. Java heeft thread.slaap (), python heeft tijd.slaap () en ga heeft tijd.Slaap (2 * keer.Tweede).
javascript heeft dit soort slaapfuncties niet. Maar we moeten beloften en async/wait-functie bedanken in ES 2018. Omdat deze functies ons hebben geholpen om sleep() zo gemakkelijk mogelijk te gebruiken. Laten we het in een notendop bespreken.
syntaxis-1
slaap(tijd in ms).dan (()=> {//// code})
kunnen we de slaapfunctie gebruiken met dan terug te bellen zoals hierboven getoond.
syntaxis-2
const work = async () => {wacht op slaap(tijd in ms)//code}work ()
we kunnen de slaapfunctie gebruiken met de async / wachtfunctie zoals hierboven getoond.
voorbeeld
in het volgende voorbeeld hebben we de sleep() met async / wait functie gebruikt. Hier slaapfunctie wordt begeleid met wachten om de procedure voort te zetten. In eerste instantie wordt de tekst in de async-functie “Hello Tutorix” weergegeven zodra de functie is gestart. Later wordt de functie onderbroken met behulp van de slaapfunctie gedurende 3 seconden. Zodra de periode is voltooid, de tekst (“Welkom bij ……..”) na de slaapfunctie wordt weergegeven. Het wordt herhaald totdat de lus eindigt, wat betekent dat in totaal de tekst zal worden herhaald voor 19 keer zoals weergegeven in de uitvoer.
<html><body><script> function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function Tutor() { document.write('Hello Toturix'); for (let i = 1; i <20 ; i++) { await sleep(3000); document.write( i +" "+"Welcome to tutorix" + " " + "</br>"); } } Tutor()</script></body></html>
Output
Hello Tutorix// after 3 secs1 Welcome to tutorix// after 3sec...en de tekst zal herhalen totdat de lus eindigt voor elke 3 sec2 Welkom bij tutorix3 Welkom bij tutorix4 Welkom bij tutorix5 Welkom bij tutorix6 Welkom bij tutorix7 Welkom bij tutorix9 Welkom bij tutorix11 Welkom bij tutorix12 Welkom bij tutorix13 Welkom bij tutorix15 Welkom bij tutorix16 Welkom bij tutorix18 Welkom bij tutorix19 Welkom bij tutorix
Leave a Reply