Fenêtre clearInterval()
Exemple
Afficher l'heure une fois par seconde. Utilisez clearInterval() pour arrêter le temps :
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
Plus d'exemples ci-dessous.
Définition et utilisation
La clearInterval()
méthode efface une minuterie définie avec la
setInterval()
méthode.
Noter
Pour effacer un intervalle, utilisez l' identifiant renvoyé par setInterval() :
myInterval = setInterval(function, milliseconds);
Ensuite, vous pouvez arrêter l'exécution en appelant clearInterval() :
clearInterval(myInterval);
Voir également:
Syntaxe
clearInterval(intervalId)
Paramètres
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
Valeur de retour
RIEN |
Plus d'exemples
Basculer entre deux couleurs d'arrière-plan une fois toutes les 500 ms :
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Utilisation de setInterval() et clearInterval() pour créer une barre de progression dynamique :
function move() {
const element = document.getElementById("myBar");
let width = 0;
const id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
Prise en charge du navigateur
clearInterval()
est pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |