Exemple
Afficher l'heure actuelle (the setInterval() méthode exécutera la fonction une fois toutes les 1 seconde, comme une montre numérique). Utilisez clearInterval() pour arrêter le temps:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le clearInterval() méthode efface un temporisateur réglé à l'aide setInterval() méthode.
La valeur de l' ID renvoyé par setInterval() est utilisée comme paramètre pour la clearInterval() méthode.
Remarque: Pour pouvoir utiliser la clearInterval() méthode, vous devez utiliser une variable globale lors de la création de la méthode intervalle:
myVar = setInterval(" Ensuite, vous serez en mesure d'arrêter l'exécution en appelant la méthode clearInterval ().
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Syntaxe
clearInterval( Les valeurs des paramètres Paramètre La description id_of_setinterval Champs obligatoires. L'ID de la minuterie renvoyé par la setInterval() Méthode
Détails techniques
Valeur de retour: Aucune valeur de retour
autres exemples
Exemple
Basculer entre deux couleurs d'arrière - plan une fois toutes les 300 millisecondes, jusqu'à ce qu'il soit arrêté par clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} Essayez vous - même »
Exemple
En utilisant setInterval() et clearInterval() pour créer une barre de progression dynamique:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} Essayez vous - même »
Pages associées
Objet de la fenêtre: href="met_win_setinterval.html"> setInterval() Method
Objet de la fenêtre: href="met_win_settimeout.html"> setTimeout() Method
Objet de la fenêtre: href="met_win_cleartimeout.html"> clearTimeout() Method
<Object Window