Beim Surfen im Internet sehen Sie möglicherweise in regelmäßigen Abständen Folien oder dynamische Änderungen von Bildern und Text. Tatsächlich kann dies durch JavaScript-Timer erreicht werden.
Es gibt zwei Arten von Timing-Prozessoren in JavaScript : setInterval und setImeout. Bei beiden handelt es sich um sehr ähnliche JavaScript-Funktionen, die spezifischen Aktionen unterscheiden sich jedoch geringfügig.
Heute werfen wir einen Blick auf die Verwendung von setInterval timer
setInterval kann bestimmte Vorgänge gemäß dem angegebenen Zeitraum (in Millisekunden) ausführen. Verarbeitung (Aufruf einer Funktion oder Auswertung eines Ausdrucks).
Die grundlegende Syntax lautet wie folgt:
setInterval(function函数,固定的时间[,参数1,参数2,参数3,.......])
Funktion ist die Definition einer Funktion. Verwenden Sie Kommas, um feste Zeiten (Millisekunden) zu unterscheiden. Die Parameter der Funktion werden in [ ] angegeben.
Sehen wir uns unten einen einfachen Code an
<!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScript</title> </head> <body> <script> var count = 0; var countup = function(){ console.log(count++); } </script> </body> </html>
Bereiten Sie die Zählvariable vor, verwenden Sie 0 als Basis, zählen und addieren Sie nacheinander (Anzahl ++) und verwenden Sie dann console.log Ausgabe. Und fügen Sie diese Verarbeitungsreihe in die Variable countupp ein.
Angenommen, Sie möchten die Zählung dieser Variablen mit einem Zeitraum von 1000 Millisekunden wiederholen, müssen Sie setInterval hinzufügen
Der Code lautet wie folgt
<script> var count = 0; var countup = function(){ console.log(count++); } setInterval(countup, 1000); </script>
Der laufende Effekt ist wie folgt: Die Zeit läuft weiter
Wenn Sie sie stoppen möchten, wirkönnen Sie „clearInterval“ verwenden
Sehen wir uns den spezifischen Code unten an
var id = setInterval(countup, 1000);
Durch die Angabe dieser ID mit „clearInterval“ können Sie die setInterval-Verarbeitung jederzeit stoppen (natürlich wird dadurch die Verarbeitung gestoppt)
<script> var count = 0; var countup = function(){ console.log(count++); } var id = setInterval(function(){ countup(); if(count > 5){ clearInterval(id); }}, 1000); </script>
Oben Programm, wenn setInterval den Vorgang wiederholt und countup zu Wenn es größer als 5 ist (wenn (count> 5)), wird clearInterval ausgeführt.
Daher steigt es auf 5 und das Ergebnis ist wie folgt
Das obige ist der detaillierte Inhalt vonSo verwenden Sie setInterval in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!