Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie verwende ich setTimeout für eine verzögerte JavaScript-Ausführung?

Patricia Arquette
Freigeben: 2024-11-01 03:32:28
Original
714 Leute haben es durchsucht

How to Use setTimeout for Delayed JavaScript Execution?

Warten auf Skriptausführung mit JavaScript

JavaScript bietet eine Methode namens setTimeout, mit der Sie die Ausführung eines Skripts verzögern können. Im Gegensatz zu „delay()“ oder „wait()“ von jQuery arbeitet setTimeout asynchron.

setTimeout mit einer Funktion verwenden:

Wenn Sie eine benannte Funktion nach einer Verzögerung aufrufen möchten, Sie können die Klammernotation verwenden:

<code class="js">setTimeout(functionName, delayInMilliseconds);</code>
Nach dem Login kopieren

Parameter mit einer anonymen Funktion übergeben:

Wenn Sie jedoch Parameter an die Funktion übergeben müssen, müssen Sie eine verwenden anonyme Funktion in Klammern eingeschlossen:

<code class="js">setTimeout(function() {
  alert("Hello " + parameter);
}, delayInMilliseconds);</code>
Nach dem Login kopieren

Umgang mit Variablenänderungen:

Beachten Sie, dass setTimeout den Wert von Variablen zum Zeitpunkt der Funktionsübergabe verwendet. Um sicherzustellen, dass der richtige Wert verwendet wird, können Sie den Parameter in eine Rückruffunktion einbinden:

<code class="js">function callback(parameter) {
  return function() {
    alert("Hello " + parameter);
  }
}

let parameter = "world";
setTimeout(callback(parameter), delayInMilliseconds);</code>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie verwende ich setTimeout für eine verzögerte JavaScript-Ausführung?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage