Método Window clearInterval()

Definición y uso

clearInterval() Método para limpiar Método setInterval() temporizador configurado.

indicaciones

Para eliminar el intervalo, utilice setInterval() Id devuelto:

myInterval = setInterval(función, milisegundos);

Luego puede llamar a clearInterval() para detener la ejecución:

clearInterval(myInterval);

Por favor, consulte:

Método setInterval()

Método setTimeout()

Método clearTimeout()

Ejemplo

Ejemplo 1

Muestra la hora una vez por segundo. Usa clearInterval() para detener el tiempo:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Prueba personalmente

Ejemplo 2

Cambia entre dos colores de fondo cada 500 milisegundos:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Prueba personalmente

Ejemplo 3

Crea una barra de progreso dinámica usando setInterval() y clearInterval():

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

Prueba personalmente

Sintaxis

clearInterval(intervalId)

Parámetros

Parámetros Descripción
intervalId Requerido. Desde setInterval() El id de intervalo devuelto.

Valor de retorno

Ninguno.

Descripción

clearInterval() El método detiene la ejecución periódica del código especificado, y la operación de estos códigos es llamar Método setInterval() iniciado. Parámetros intervalId debe ser llamado Método setInterval() el valor de retorno después de

Soporte del navegador

Todos los navegadores lo soportan clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte