Heim > Web-Frontend > js-Tutorial > Wie kann ich eine Verzögerung zwischen Aktionen in JavaScript einführen?

Wie kann ich eine Verzögerung zwischen Aktionen in JavaScript einführen?

DDD
Freigeben: 2024-12-04 18:27:16
Original
560 Leute haben es durchsucht

How Can I Introduce a Delay Between Actions in JavaScript?

Verwenden des Ruhezustands zum Verzögern von Aktionen in JavaScript

In JavaScript kann es manchmal erforderlich sein, Code nacheinander auszuführen. Dieser Artikel befasst sich mit einem häufigen Szenario: So führen Sie eine Verzögerung zwischen Aktionen ein.

Bedenken Sie dieses Codefragment:

var a = 1 + 3;
// Sleep 3 seconds before the next action here.
var b = a + 4;
Nach dem Login kopieren

In diesem Beispiel möchten Sie eine Aktion nach einer Verzögerung von ausführen 3 Sekunden. Während JavaScript über keine native Schlaffunktion verfügt, gibt es eine Lösung.

SetTimeout für simulierten Schlaf verwenden

setTimeout ermöglicht es Ihnen, die Ausführung einer Funktion nach einer bestimmten Zeit zu planen Verzögerung. So können Sie damit einen Schlaf simulieren:

var a = 1 + 3;
var b;
setTimeout(function() {
    b = a + 4;
}, (3 * 1000));
Nach dem Login kopieren

In diesem Code übernimmt die setTimeout-Funktion eine Rückruffunktion (die anonyme Funktion), die nach 3 Sekunden (angegeben in Millisekunden) ausgeführt wird. Diese Funktion setzt dann den Wert von b auf a 4.

Es ist wichtig zu beachten, dass setTimeout nicht dazu führt, dass JavaScript tatsächlich in den Ruhezustand wechselt. Stattdessen wird die Rückruffunktion so geplant, dass sie später ausgeführt wird. Dieser Ansatz ermöglicht, dass anderer Code weiterhin ausgeführt wird, was ihn zu einer effizienteren Lösung im Vergleich zum Blockieren von Vorgängen macht, die das gesamte Skript anhalten.

Das obige ist der detaillierte Inhalt vonWie kann ich eine Verzögerung zwischen Aktionen in JavaScript einführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage