Verwendung von setTimeout() in jQuery

Im heutigen Beitrag lernen wir die Funktion setTimeout() in jQuery kennen.

Verwendung von setTimeout() in jQuery

Die Methode setTimeout() setzt einen Timer, um eine Funktion oder einen gezielten Codeabschnitt auszuführen, sobald der Timer abgelaufen ist. Die Funktion setTimeout() von JavaScript verschiebt bestimmte Aktionen oder Codeausführungen in dieser Funktion oder bei einer anderen JS-Funktion.

Diese Funktion wird immer mit der in Millisekunden angegebenen Zeitverzögerung ausgeführt.

Syntax:

setTimeout(code, delay)
setTimeout(functionRef, delay, param1)

1. Die functionRef ist eine Funktion, die nach Ablauf des Timers abgeschlossen wird.
2. Der code ist eine alternative Syntax, mit der Sie anstelle einer Funktion eine Zeichenfolge einfügen können, die kompiliert und ausgeführt wird, wenn der Timer abläuft. Diese Syntax wird aus den gleichen Gründen nicht empfohlen, die die Verwendung von eval() zu einer Sicherheitsbedrohung machen.
3. Die delay ist ein optionaler Parameter, der die Zeit in Millisekunden angibt, die der Timer warten soll, bevor er die erforderliche Funktion oder den Code abschließt. Wenn dieser Parameter weggelassen wird, wird ein Wert von 0 verwendet, was bedeutet, dass der Code sofort ausgeführt wird.
4. param1, ... , paramN ist ein optionaler Parameter. Es gibt zusätzliche Argumente an, die an die durch functionRef definierte Funktion weitergegeben werden.

Die Funktion setTimeout() gibt timeoutID zurück, was ein positiver ganzzahliger Wert ist; Dieser Wert identifiziert den Timer, der durch den Aufruf der Funktion setTimeout() erstellt wurde. Um das Timeout aufzuheben, können Sie diesen Parameter an clearTimeout() übergeben.

Ein Wert von timeoutID wird garantiert niemals durch einen nachfolgenden Aufruf von setTimeout oder setInterval für ein Element innerhalb eines Fensters oder Workers wiederverwendet. Unikate verwenden jedoch separate ID-Pools.

Diese Funktion wird nicht nur in lokalem JavaScript verwendet, sondern Sie können setTimeout() auch in jQuery verwenden. Um die Bewegung zu verzögern, können Sie die Funktion setTimeout() im jQuery-Code verwenden.

Lassen Sie es uns anhand des folgenden Beispiels verstehen:

$(document).ready(function() {
  setTimeout(() => {
    alert('Welcome to DelftStack!');
  }, 2000);
});

Im obigen Beispiel verwenden wir setTimeout(), um eine Warnung in einem Intervall von 2000 Millisekunden anzuzeigen.

Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt. Es wird das unten gezeigte Ergebnis angezeigt.

Ausgabe:

Sehen Sie sich die Demo hier an.