Utilisation de la méthode setInterval en JavaScript

Répétition d’instruction avec interval
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre la programmation dans Animate CC
Revoir le teaser Je m'abonne
Transcription

59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

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.

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.

Voir plus
Questions réponses
Quelle est la principale différence entre setInterval et une boucle for ?
setInterval permet de répéter des instructions à des intervalles réguliers tandis qu'une boucle for exécute des instructions de manière continue jusqu'à une condition de fin.
Comment arrêter un intervalle défini par setInterval ?
Vous pouvez arrêter un intervalle en utilisant la méthode clearInterval avec l'identifiant de l'intervalle à supprimer.
Quel est le deuxième paramètre de setInterval ?
Le deuxième paramètre de setInterval est la durée de l'intervalle en millisecondes.

Programme détaillé