Comment utiliser setInterval en JavaScript-js tutoriel-php.cn

Comment utiliser setInterval en JavaScript

不言

Libérer： 2018-12-15 09:36:01

original

8240 Les gens l'ont consulté

Lorsque vous naviguez sur le Web, vous pouvez voir des diapositives ou des changements dynamiques d'images et de texte à intervalles réguliers. Alors, comment cet effet dynamique est-il obtenu ? En fait, cela peut être réalisé grâce à des minuteries JavaScript.

Comment utiliser setInterval en JavaScript

Il existe deux types de processeurs de timing en JavaScript : setInterval et setImeout. Les deux sont des fonctions JavaScript très similaires, mais les actions spécifiques sont légèrement différentes.

Aujourd'hui, nous allons examiner l'utilisation de setInterval timer

setInterval peut effectuer des opérations spécifiques en fonction de la période spécifiée (en millisecondes) Traitement (appel d'une fonction ou évaluation d'une expression).

La syntaxe de base est la suivante

setInterval（function函数,固定的时间[,参数1,参数2,参数3,.......]）

Copier après la connexion

la fonction est la définition d'une fonction Utilisez des virgules pour distinguer les temps fixes (millisecondes). ].

Regardons un code simple ci-dessous

<!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>

Copier après la connexion

Préparez la variable count, utilisez 0 comme base, comptez et ajoutez un par un (count ++), puis utilisez la console. sortie du journal. Et mettez cette série de traitements dans la variable de countupp.

Supposons que vous souhaitiez répéter le comptage de cette variable avec une période de 1000 millisecondes. Vous devez ajouter setInterval

Le code est le suivant

<script>
      var count = 0;
      var countup = function(){
        console.log(count++);
      } 
      setInterval(countup, 1000);
    </script>

Copier après la connexion

L'exécution. L'effet est le suivant : le temps continuera

Comment utiliser setInterval en JavaScript

Si vous voulez l'arrêter, nous pouvons utiliser clearInterval<🎜. >

Regardons les détails ci-dessous Le code de

var id = setInterval(countup, 1000);

Copier après la connexion

En spécifiant cet identifiant à l'aide de clearInterval, vous pouvez arrêter le traitement setInterval à tout moment (évidemment, il arrêtera le traitement)

 <script>
  var count = 0;
  var countup = function(){
    console.log(count++);
  }
  var id = setInterval(function(){
    countup();
    if(count > 5){　
      clearInterval(id);
    }}, 1000);
</script>

Copier après la connexion

Dans le programme ci-dessus, lorsqu'il est exécuté Lorsque setInterval répète le processus et que le compte devient supérieur à 5 (if (count> 5)), clearInterval est exécuté.

Donc, ça monte jusqu'à 5 et le résultat est le suivant

Comment utiliser setInterval en JavaScript