Los últimos tutoriales de desarrollo web
 

Ventana clearInterval() Method

<Ventana Object

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

Ejemplos

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