Ejemplo
Mostrar la hora actual (the setInterval() método ejecutará la función una vez cada 1 segundo, al igual que un reloj digital). Utilice clearInterval() para detener el tiempo:
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);
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El clearInterval() método borra un temporizador ajustado con el setInterval() método.
El valor ID devuelto por setInterval() se utiliza como el parámetro para el clearInterval() método.
Nota: Para poder utilizar el clearInterval() método, debe utilizar una variable global al crear el método de intervalo:
myVar = setInterval(" Entonces usted será capaz de detener la ejecución llamando al método clearInterval ().
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Sintaxis
clearInterval( Los valores de los parámetros Parámetro Descripción id_of_setinterval Necesario. El ID del temporizador devuelto por el setInterval() método
Detalles técnicos
Valor de retorno: Sin valor de retorno
Más ejemplos
Ejemplo
Alternar entre dos colores de fondo una vez cada 300 milisegundos, hasta que es detenido por 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);
} Inténtalo tú mismo "
Ejemplo
Utilizando setInterval() y clearInterval() para crear una barra de progreso dinámico:
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 + '%';
}
}
} Inténtalo tú mismo "
Páginas relacionadas
Objeto Ventana: href="met_win_setinterval.html"> setInterval() Method
Objeto Ventana: href="met_win_settimeout.html"> setTimeout() Method
Ventana del objeto: href="met_win_cleartimeout.html"> clearTimeout() Method
<Ventana Object