Metodo Window clearInterval()

Definizione e uso

clearInterval() Metodo di rimozione Metodo setInterval() timer impostati.

Suggerimento

Per cancellare l'interruzione, usa setInterval() ID restituito:

myInterval = setInterval(funzione, milliseconds);

Poi puoi chiamare clearInterval() per fermare l'esecuzione:

clearInterval(myInterval);

Vedi anche:

Metodo setInterval()

Metodo setTimeout()

Metodo clearTimeout()

Esempio

Esempio 1

Mostra l'ora ogni secondo. Stoppa l'ora utilizzando clearInterval():

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

Prova personalmente

Esempio 2

Cambia ogni 500 millisecondi tra due colori di sfondo:

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

Prova personalmente

Esempio 3

Creare una barra di progresso dinamica utilizzando setInterval() e 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 + '%';
    }
  }
}

Prova personalmente

Sintassi

clearInterval(intervalId)

Parametro

Parametro Descrizione
intervalId Obbligatorio. Da setInterval() Il valore di ritorno dell'intervallo.

Valore di ritorno

Nessuno.

Spiegazione

clearInterval() Il metodo ferma l'esecuzione periodica del codice specificato, l'operazione su questi codici è chiamata Metodo setInterval() Avviato. Parametro intervalId Deve essere chiamato Metodo setInterval() Il valore di ritorno dopo.

Supporto del browser

Tutti i browser supportano clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto