JavaScript Sleep () Funktion?
Sleep()
Mit Hilfe von Sleep() können wir eine Funktion erstellen, um die Ausführung für eine bestimmte Zeit anzuhalten. In Programmiersprachen wie C und PHP würden wir sleep (sec) nennen. Java hat einen Thread.sleep(), Python hat Zeit.sleep() und GO hat Zeit.Schlaf(2 * Zeit.Zweiten).
Javascript hat diese Art von Sleep-Funktionen nicht. Aber wir sollten Versprechen und Async / Await-Funktion in ES 2018 danken. Weil diese Funktionen uns geholfen haben, sleep () so einfach wie möglich zu verwenden. Lassen Sie es uns auf den Punkt bringen.
Syntax-1
Ruhezustand(Zeit in ms).then(() => {//// code})
Wir können die Sleep-Funktion mit then call back wie oben gezeigt verwenden.
Syntax-2
const work = async () => {await sleep(Zeit in ms)//code}work()
Wir können die Sleep-Funktion mit async/await-Funktion wie oben gezeigt verwenden.
Beispiel
Im folgenden Beispiel haben wir die Funktion sleep() mit async/await verwendet. Hier wird die Sleep-Funktion von await begleitet, um den Vorgang fortzusetzen. Zunächst wird der Text in der asynchronen Funktion „Hallo Tutorix“ angezeigt, sobald die Funktion gestartet wird. Später wird die Funktion mit der Sleep-Funktion für 3 Sekunden angehalten. Sobald der Zeitraum abgeschlossen ist, wird der Text(„Willkommen bei ……..“) im Anschluss wird die Sleep-Funktion angezeigt. Es wird wiederholt, bis die Schleife endet, was bedeutet, dass der Text insgesamt 19 Mal wiederholt wird, wie in der Ausgabe gezeigt.
<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...und der Text wird wiederholt, bis die Schleife endet für jeden 3 sec2 Willkommen bei tutorix3 Willkommen bei tutorix4 Willkommen bei tutorix5 Willkommen bei tutorix6 Willkommen bei tutorix7 Willkommen bei tutorix8 Willkommen bei tutorix9 Willkommen bei tutorix10 Willkommen bei tutorix11 Willkommen bei tutorix12 Willkommen bei tutorix13 Willkommen bei tutorix14 Willkommen bei tutorix15 Willkommen bei tutorix16 Willkommen bei tutorix17 Willkommen tutorix19 Willkommen bei tutorix
Leave a Reply