suchen

Heim >Web-Frontend >js-Tutorial >So verwenden Sie setInterval in JavaScript

So verwenden Sie setInterval in JavaScript

不言
不言Original
2018-12-14 16:25:108246Durchsuche

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.

So verwenden Sie setInterval in JavaScript

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

So verwenden Sie setInterval in JavaScript

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

So verwenden Sie setInterval in JavaScript

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!

JavaScript if count console function
Stellungnahme：
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
Vorheriger Artikel：So manipulieren Sie das DOM mit JavaScriptNächster Artikel：So manipulieren Sie das DOM mit JavaScript

In Verbindung stehende Artikel

Mehr sehen