Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie setInterval in JavaScript

不言
Freigeben: 2018-12-15 09:36:01
Original
8176 Leute haben es durchsucht

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,.......])
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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);
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!