Méthode : window.setInterval()

Lance la fonction fonc() à intervalle régulier défini par delai, exprimé en millisecondes

Syntaxe
Integer window.setInterval(Function fonc, Integer delai)

Compatible tous navigateurs

Oui

Description
Lance le traitement JavaScript défini dans la fonction fonc() répété à intervalle régulier, tous les delai millisecondes.
Ce traitement à intervalle régulier peut être arrêté avec clearInterval().

Pour un traitement garantissant un nombre constant d'images par secondes, utilisez requestAnimationFrame().

Pour lancer un traitement une seule fois après un délai, utilisez setTimeout().

Exemple 1 : Création d'un traitement

Code source

<div id="monHorloge"></div>
<script type="text/javascript">
function Horloge() {
var dt=new Date();
document.getElementById("monHorloge").innerHTML=dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
}
var timer=setInterval("Horloge()", 250);
</script>
<A href="javascript:clearInterval(timer)">Arrêter l'horloge</A>

Résultat

Arrêter l'horloge

Emulation de la console

Explication

Ce script crée une fonction Horloge() qui affiche dans le div l'heure de l'utilisateur.
L'appel à setInterval("Horloge()", 250) lance l'exécution de Horloge() toutes les 250 millisecondes.
Le lien permet d'arrêter cette exécution grâce à clearInterval().

Page mise à jour le 22/04/2020

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Méthode : window.setInterval()

Lance la fonction fonc() à intervalle régulier défini par delai, exprimé en millisecondes

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...