Es gibt viele Situationen, in denen Webentwickler mit der Notwendigkeit konfrontiert werden müssen, die Ausführung eines bestimmten Codes zu verzögern. Es gibt eine spezielle Methode namens setTimeout, um diese Aufgabe in JS zu lösen. Damit können Sie einen Timer einstellen, der nach einer bestimmten Verzögerung ausgelöst wird und die angegebene Funktion aufruft oder den angegebenen Code ausführt. Und obwohl es kein einfaches Konzept ist, das man verstehen kann, kann das Erlernen seiner Arbeit das Leben eines Entwicklers erheblich erleichtern.
setTimeout funktioniert, indem eine Funktion zur Ausführungswarteschlange hinzugefügt wird, die nach einer bestimmten Verzögerung aufgerufen wird. Aber wie genau funktioniert dieser Timer? Wenn setTimeout mit Funktionsargumenten und Verzögerungszeit aufgerufen wird, erstellt es einen Timer, der auf die angegebene Zeit wartet, und platziert dann die Rückruffunktion in die Ereigniswarteschlange.
Wenn alle anderen Aufgaben in der Warteschlange erledigt sind, kann JS die setTimeout-Rückruffunktion endlich verarbeiten. Sie wird erst ausgeführt, nachdem alle alten Ereignisse verarbeitet wurden und der aktuelle Aufrufstapel leer ist. Mit anderen Worten, setTimeout platziert eine Funktion am Ende der Ausführungswarteschlange und verzögert die Ausführung garantiert um eine bestimmte Zeit.
Javascript settimeout wie funktioniert
In Javascript wird die setTimeout() -Funktion verwendet, um die Ausführung eines bestimmten Codes zu verzögern. Es ermöglicht Ihnen, eine Verzögerung bei der Ausführung einer bestimmten Funktion oder des übergebenen Codes festzulegen.
Die Syntax der setTimeout() -Funktion lautet wie folgt:
| Parameter | Die Beschreibung |
|---|---|
| func | Ein erforderlicher Parameter. Die Funktion, die aufgerufen werden soll, oder der Code, der ausgeführt werden soll |
| delay | Ein erforderlicher Parameter. Verzögerung in Millisekunden vor der Ausführung einer Funktion oder eines Codes |
| param1, param2, . paramN | Optionale Parameter. Parameter, die an die aufgerufene Funktion übergeben werden können |
Wenn die setTimeout() -Funktion aufgerufen wird, fügt sie die angegebene Funktion der Ausführungswarteschlange hinzu. Die Ausführung dieser Funktion verzögert sich jedoch um die im Parameter delay angegebene Zeit.
Nach Ablauf der angegebenen Verzögerung wird die Funktion aufgerufen und die übergebenen Parameter werden an die aufgerufene Funktion übergeben, sofern angegeben. Wenn die Funktion keine Parameter hat, Parameter param1, param2, . paramN kann im Aufruf von setTimeout() weggelassen werden.
Beispiel für die Verwendung der setTimeout() -Funktion :
setTimeout(function() , 2000); In diesem Beispiel wird die Console-Funktion verwendet.log() wird 2 Sekunden nach der Ausführung des Codes aufgerufen.
Die Funktion setTimeout() ist nützlich, wenn Sie die Codeausführung verzögern möchten, z. B. für Animationen, Verzögerungen bei der Eingabe oder das Aktualisieren von Elementen auf einer Seite. Damit können Sie die Codeausführung anhalten, ohne den Hauptausführungsthread zu blockieren.
Funktionsweise der setTimeout-Funktion in Javascript
Mit der setTimeout-Funktion in der Programmiersprache Javascript können Sie festlegen, ob ein bestimmter Codeblock oder ein Funktionsaufruf verzögert wird. Dies ist sehr nützlich beim Erstellen von Animationen, beim Verarbeiten von Benutzereingaben und in anderen Szenarien, in denen eine Verzögerung erforderlich ist.
Die Funktion setTimeout funktioniert einfach: Sie benötigt zwei Argumente - eine Funktion oder eine Codezeile, die ausgeführt werden soll, und die Zeit in Millisekunden, nach der diese Funktion aufgerufen werden muss.
Wenn die setTimeout-Funktion aufgerufen wird, wird die übergebene Funktion oder der Code in die Ausführungswarteschlange gestellt und wartet auf die angegebene Zeit. Nach Ablauf der Zeit wird die Funktion oder der Code ausgeführt. Es ist wichtig zu beachten, dass die Codeausführungszeit etwas länger als die angegebene Zeit sein kann, da eine bestimmte Zeit benötigt wird, um den Ausführungskontext zu starten und zu wechseln.
Die setTimeout-Funktion gibt außerdem eine eindeutige Timer-ID zurück. Diese ID kann verwendet werden, um die Codeausführung vor Ablauf einer bestimmten Zeit mit der Funktion clearTimeout abzubrechen.
Der folgende Code zeigt beispielsweise ein einfaches Beispiel für die Verwendung der setTimeout-Funktion:
In diesem Beispiel wird die übergebene Funktion 3 Sekunden nach dem Aufruf von setTimeout ausgeführt. Sie findet das Element mit der ID "message" auf der Seite und ändert seinen Inhalt in "Hallo Welt!".
