Le setInterval() La méthode en JavaScript est utilisée pour répéter une fonction spécifiée à chaque intervalle de temps donné. Il évalue une expression ou appelle une fonction à des intervalles donnés. Cette méthode continue l'appel de la fonction jusqu'à ce que la fenêtre soit fermée ou que clearInterval() la méthode est appelée. Cette méthode renvoie une valeur numérique ou un nombre différent de zéro qui identifie le minuteur créé.
Contrairement au setTimeout() méthode, le setInterval() La méthode appelle la fonction plusieurs fois. Cette méthode peut être écrite avec ou sans le fenêtre préfixe.
La syntaxe couramment utilisée de setInterval() la méthode est donnée ci-dessous :
Syntaxe
window.setInterval(function, milliseconds);
Valeurs des paramètres
Cette méthode prend deux valeurs de paramètres fonction et millisecondes qui sont définis comme suit.
fonction: C'est la fonction contenant le bloc de code qui sera exécutée.
millisecondes : Ce paramètre représente la durée de l'intervalle de temps entre chaque exécution. L'intervalle est en millisecondes. Il définit la fréquence à laquelle le code sera exécuté. Si sa valeur est inférieure à 10, la valeur 10 est utilisée.
Comment arrêter l'exécution ?
Nous pouvons utiliser le clearInterval() méthode pour arrêter l'exécution de la fonction spécifiée dans setInterval() méthode. La valeur renvoyée par le setInterval() La méthode peut être utilisée comme argument de clearInterval() méthode pour annuler le délai d’attente.
Comprenons l'utilisation de setInterval() méthode en utilisant quelques illustrations.
Exemple 1
Ceci est un exemple simple d'utilisation du setInterval() méthode. Ici, une boîte de dialogue d'alerte s'affiche à un intervalle de 3 secondes. Nous n'utilisons aucune méthode pour arrêter l'exécution de la fonction spécifiée dans setInterval() méthode. La méthode continue donc l'exécution de la fonction jusqu'à la fermeture de la fenêtre.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Testez-le maintenant Sortir
La couleur de l'arrière-plan commencera à changer après 200 millisecondes. En cliquant sur le spécifié arrêt bouton, le basculement entre les couleurs s'arrêtera sur la couleur de fond correspondante. La sortie après avoir cliqué sur le bouton sera -
