English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode Window clearInterval()

Objet Window JavaScript

clearInterval()la méthode annule l'utilisationdu setInterval() L'action répétée créée.

La valeur d'ID retournée par setInterval() est utilisée comme paramètre de la méthode clearInterval().

Attention :Pour pouvoir utiliser la méthode clearInterval(), il est nécessaire d'utiliser une variable lors de la création de la méthode interval:

t = setInterval("javaScript function", milliseconds);

Ensuite, vous pouvez arrêter l'exécution en appelant la méthode clearInterval():

clearInterval(t);

Syntaxe :

window.clearInterval(var)
var t = setInterval(startTimer, 1000);
function startTimer() {
   var date = new Date();
   var x = document.getElementById("result");
   x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
}
function stopTimer() {
   clearInterval(t);
}
Voyons un test‹/›

Compatibilité du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge la méthode clearInterval():

Méthode
clearInterval()11414

Valeur des paramètres

ParamètresDescription
varsetInterval()Le nom du timer retourné par la méthode

Détails techniques

Retour de la valeur :aucun

Plus d'exemples

par200 millisecondes pour basculer entre deux couleurs d'arrière-plan jusqu'à ce que clearInterval() l'arrête:

var t = setInterval(setColor, 200);
function setColor() {
   var x = document.body;
   x.style.backgroundColor = (x.style.backgroundColor == "coral") ? "lightgreen" : "coral";
}
function stopColor() {
   clearInterval(t);
}
Voyons un test‹/›

Créer une barre de progression dynamique en utilisant setInterval() et clearInterval():

var i = 0;
var bar = document.getElementById("progress-bar);
var t;
function start() {
  t = setInterval(progress, 60);
}
function progress() {
  if(i < 100) {
 i++;
 bar.style.width = i + 「%」;
 bar.innerHTML = i + 「%」;
  } else {
 clearInterval(t);
  }
}
function stop() {
  clearInterval(t);
}
Voyons un test‹/›

Références connexes

Référence Fenêtre (Window) :Méthode setInterval()

Référence Fenêtre (Window) :Méthode setTimeout()

Référence Fenêtre (Window) :Méthode clearTimeout()

Référence Fenêtre (Window) :Méthode requestAnimationFrame()

Objet Window JavaScript