Wie kann ich in JavaScript eine Verzögerung von 5 Sekunden erstellen, bevor die nächste Codezeile ausgeführt wird?-js-Tutorial-php.cn

Wie kann ich in JavaScript eine Verzögerung von 5 Sekunden erstellen, bevor die nächste Codezeile ausgeführt wird?

Patricia Arquette

Freigeben： 2024-10-25 17:07:03

Original

390 Leute haben es durchsucht

How can I create a 5-second delay in JavaScript before executing the next line of code?

So warten Sie 5 Sekunden, bevor Sie die nächste Zeile ausführen

Bei der Arbeit in JavaScript ist die Steuerung des Ausführungsflusses von größter Bedeutung. Stellen Sie sich das folgende Szenario vor: Sie benötigen eine Funktion, die 5 Sekunden lang pausiert, bevor sie eine bestimmte Aktion ausführt, z. B. die Überprüfung des Werts einer Variablen.

Verwenden der setTimeout-Funktion

Traditionell haben sich JavaScript-Entwickler auf die Funktion setTimeout verlassen, um Verzögerungen bei der Ausführung einzuführen. Diese Funktion benötigt zwei Parameter: eine Zeichenfolge, die den auszuführenden Code darstellt, und eine in Millisekunden ausgedrückte Verzögerung. In Ihrem speziellen Fall reicht der folgende Codeauszug nicht aus:

<br>function stateChange(newState) {<br> setTimeout('', 5000);</p>
<p> if (newState == -1) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert('VIDEO HAS STOPPED');

Nach dem Login kopieren

<br>function stateChange(newState) {<br> setTimeout(() = > {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">if (newState == -1) { alert('VIDEO HAS STOPPED'); }

<br>const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));</p> <p>async function stateChange(newState) {<br>wait delay(5000);</p> <p>if (newState == -1 ) {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert('VIDEO HAS STOPPED');