Javascript ist die Sprache der Freiheit und gleichzeitig eine funktionsorientierte Sprache. Im Gegensatz zu anderen Sprachen bietet Javascript keine eingebaute sleep()-Funktion. Sie können entweder eine benutzerdefinierte sleep()-Funktion mit der integrierten setTimeout()-Funktion erstellen, oder das neueste ECMAScript verspricht eine async-await-Funktion. In diesem Artikel erfahren Sie, wie Sie die Ausführung der Sleep-Funktion mithilfe von Promises oder Async-Wait-Funktionen für eine gewünschte Zeit anhalten oder anhalten.
Bevor es losgeht
Bevor Sie mit dem Erstellen einer Sleep-Funktion beginnen, müssen Sie verstehen, dass die Funktion setTimeout() nicht funktioniert, wenn Sie erwarten, dass sie die Ausführung stoppt. Viele Programmierer und Entwickler versuchen, die Funktion mit Schleifen zu verwenden, scheitern jedoch, weil die Funktion setTimeout() verwendet wird, um eine bestimmte Zeit zu warten und dann die angegebene Funktion auszuführen. Sie können jedoch die Funktion setTimeout() verwenden, um eine Schlaffunktion mit Promise zu erstellen, wenn Sie die Ausführung für eine gewünschte Zeit anhalten möchten.
Verwenden der Schlaffunktion
Wir werden also eine benutzerdefinierte Schlaffunktion erstellen, in der die Funktion die Zeit in Millisekunden als Argument erhält und ein Versprechen zurückgibt. Das Versprechen enthält eine setTimeout()-Funktion, die den Resolver als Funktion und die Zeit in Millisekunden an die setTimeout()-Funktion übergibt. Am Ende sollte die Schlaffunktion also so aussehen:
Funktion Schlaf (ms)neues Versprechen zurückgeben (Resolver => setTimeout(Resolver, ms));
;
Und jetzt, wo immer Sie diese Schlaffunktion verwenden möchten, können Sie sie ganz einfach verwenden.
Nun werden wir diese Schlaffunktion an einigen Beispielen verwenden, um Ihnen zu zeigen, wie Sie sie in der Praxis anwenden können.
Zuerst werden wir versuchen, etwas Text zu trösten und die Schlaffunktion aufzurufen. Da die Sleep-Funktion ein Promise zurückgibt, fügen wir eine then-Funktion dahinter, in der wir etwas Text trösten und das Argument '5000' an die Sleep-Funktion übergeben. Nachdem Sie das Programm ausgeführt haben, sehen Sie in der Konsole, dass es 5 Sekunden lang in den Ruhezustand geht.
Konsole.log("Schlaffunktion wartet 10 Sekunden und druckt dann 'Fertig'");schlafen(5000).dann(()=>
Konsole.log("Fertig");
)
Sie können die Verzögerung von 5 Sekunden beobachten, um in der Konsole zum Status „Fertig“ zu gelangen.
Angenommen, wir möchten alle 2 Sekunden eine Animation ausführen. Dazu schreiben wir einfach eine asynchrone Animationsfunktion, in der wir etwas animieren, die Ausführung für 2 Sekunden mit sleep anhalten und diesen Vorgang dann mit einer for-Schleife 10 Mal wiederholen.
asynchrone Funktionsanimation (ms)Konsole.log("beginnt…");
für (lassen Sie i = 0; i < 10; i++)
Konsole.log("Animation nach 2 Sekunden…")
warten auf den Schlaf (ms)
Konsole.log("Das ist das Ende.");
Nachdem wir die asynchrone Animationsfunktion geschrieben haben, können wir nun die Animationsfunktion aufrufen.
Animation (2000);Nachdem Sie den Code ausgeführt haben, sehen Sie in der Konsole, dass sich der Text „Animation nach 2 Sekunden“ alle zwei Sekunden wiederholt.
Fazit
In diesem Artikel wurde neben mehreren Demonstrationen gezeigt, wie Sie eine benutzerdefinierte Schlaffunktion erstellen. Ich hoffe, dieser Artikel hat Ihnen geholfen, die Verwendung der Schlaffunktion besser zu verstehen. Mehr über Javascript erfahren Sie unter linuxhint.com.