Método Window clearInterval()

Objeto Window de JavaScript

clearInterval()Método canceladodel setInterval() Acción repetitiva creada.

El valor de ID devuelto por setInterval() se usa como parámetro del método clearInterval().

Nota:Para poder usar el método clearInterval(), debe usar una variable al crear el método interval:

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

Luego, puede detener la ejecución llamando al método clearInterval():

clearInterval(t);

Sintaxis:

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);
}

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite el método clearInterval():

Valores de los parámetros

Detalles técnicos

Más ejemplos

Cada200 milisegundos para alternar entre dos colores de fondo hasta que sea detenido por clearInterval():

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

Crear una barra de progreso dinámica utilizando setInterval() y 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);
}

Referencias relacionadas

Referencia de ventana (Window):Método setInterval()

Referencia de ventana (Window):Método setTimeout()

Referencia de ventana (Window):Método clearTimeout()

Referencia de ventana (Window):Método requestAnimationFrame()

Objeto Window de JavaScript