setTimeout kann einen bestimmten Vorgang nach einer bestimmten Zeitspanne ausführen, ohne ihn zu wiederholen. In diesem Artikel werfen wir einen Blick auf die Verwendung des setTimeout-Timers.
Wir wissen, dass es in JavaScript zwei Arten von Timing-Prozessoren gibt: setInterval und setTimeout. Imvorherigen Artikelhaben wir setInterval Timer vorgestellt Im folgenden Artikel werfen wir einen Blick auf die Verwendung des setTimeout-Timers in JavaScript.
setTimeout() ist eine zu window gehörende Methode, mit der nach einer angegebenen Anzahl von Millisekunden eine Funktion aufgerufen oder ein Ausdruck berechnet wird.
Die grundlegende Syntax ist wie folgt
setTimeout(function函数,固定的时间[,参数1,参数2,参数3,.......])
Sehen wir uns die Verwendung vonsetTimeout
genauer anSchauen wir uns zunächst einen einfachen Code an
, um die Zählvariable vorzubereiten, basierend auf 0, zu zählen und einzeln zu addieren (count ++) und dann console.log zur Ausgabe zu verwenden. Und fügen Sie diese Verarbeitungsreihe in die Variable countupp ein.
Angenommen, Sie möchten diese Variable countup nach 1000 Millisekunden aufrufen, müssen Sie setTimeout() hinzufügen
Der Code lautet wie folgt
Da setTimeout nur ist Einmal aufgerufen, die Ausgabe 0 und nach 1000 Millisekunden abgeschlossen.
Wie verwende ich setTimeout() zum Iterieren und Zählen wie setInterval()?
Wir können setTimeout in die Iterationsfunktion schreiben, also {}, und es mit countup(); aufrufen.
Der Code lautet wie folgt
Auf diese Weise wird derselbe Vorgang erneut für 1000 Millisekunden wiederholt, beginnend mit dem Punkt, an dem die Verarbeitung abgeschlossen wurde.
Der Operationseffekt ist wie folgt: Behandeln Sie ein Verhalten ähnlich wie bei setInterval.
Wenn wir mit dem Zählen aufhören wollen, müssen wir clearTimeout verwenden.
Der Code lautet wie folgt
var id = setTimeoutl(countup,1000);
Durch Angabe dieser ID mit clearTimeout können Sie die setTimeout-Verarbeitung jederzeit stoppen (natürlich wird die Verarbeitung gestoppt)
In Das obige Programm: Wenn der Count von setTimeout ausgeführt wird und countup größer als 5 wird (wenn (count> 5)), wird clearTimeout ausgeführt.
Daher kann bis 5 gezählt werden.
Schließlich werfen wir einen kurzen Blick auf den Unterschied zwischen der setInterval-Zählung und der Verwendung der setTimeout-Zählung
Verwendung von setInterval für die iterative Verarbeitung In Der Fall: Wiederholen Sie die gleiche Verarbeitung nach einer bestimmten Zeitspanne ab dem Verarbeitungsstartpunkt
Beim Iterieren von setTimeout: Wiederholen Sie die gleiche Verarbeitung nach einer bestimmten Zeitspanne ab dem Verarbeitungsendpunkt
Selbst wenn Sie also die Zeit nach denselben 1000 Millisekunden angeben, ändert sich auch die Zeit, die zum Starten des nächsten Prozesses benötigt wird.
Wenn ein Prozess außerdem länger als das Intervall dauert, ist das Verhalten fehlerhaft. Wenn Sie sicherstellen möchten, dass zwischen Verarbeitung und Verarbeitung ein gewisser Spielraum besteht, können wir setTimeout verwenden.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie setTimeout in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!