Répéter des instructions à intervalles réguliers
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre la méthode setInterval en JavaScript.
- Savoir comment implémenter des intervalles réguliers pour exécuter des fonctions périodiquement.
- Apprendre à arrêter une exécution périodique avec clearInterval.
Résumé
Découvrez comment utiliser la méthode setInterval en JavaScript pour répéter des instructions à des intervalles réguliers. Ce tutoriel vous guide pas à pas avec un exemple pratique.
Description
Dans cette leçon, nous explorons l'utilisation de la méthode setInterval en JavaScript, qui permet de répéter une instruction à un intervalle donné. Contrairement aux boucles for et doWhile, setInterval est particulièrement utile pour l'exécution périodique de fonctions, comme le déplacement d'un élément sur une page web ou la vérification régulière de propriétés.
Nous commencerons par initialiser une variable index à zéro, qui servira de compteur pour arrêter la boucle d'instructions. Ensuite, une seconde variable sera utilisée pour définir l'intervalle de temps dans la fonction setInterval. Cette méthode prend deux paramètres : la fonction à exécuter périodiquement et la durée de l'intervalle en millisecondes.
Dans notre exemple, l'intervalle est défini à 0,2 secondes, durant lequel une fonction incrémente la variable index. Une fois que index atteint la valeur de 10, nous utilisons clearInterval pour arrêter l'exécution périodique. Il est également possible de modifier l'intervalle de temps en changeant simplement la valeur du second paramètre.
Ce tutoriel vous fournira les bases nécessaires pour manipuler efficacement les intervalles en JavaScript, avec des applications multiples dans le développement web.