English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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);
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‹/›
Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge la méthode clearInterval():
Méthode | |||||
clearInterval() | 1 | 1 | 4 | 1 | 4 |
Paramètres | Description |
---|---|
var | setInterval()Le nom du timer retourné par la méthode |
Retour de la valeur : | aucun |
---|
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é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()