Window clearInterval() Methode

Definitie en gebruik

clearInterval() Methode om te wissen setInterval() methode ingestelde timer.

Waarschuwing

Om de interval te wissen, gebruik dan setInterval() Teruggegeven id:

myInterval = setInterval(functie, milliseconds);

Vervolgens kun je clearInterval() om de uitvoering te stoppen:

clearInterval(myInterval);

Zie ook:

setInterval() methode

setTimeout() Methode

clearTimeout() methode

Voorbeeld

Voorbeeld 1

Toon de tijd elke seconde. Stop de tijd met clearInterval():

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

Probeer het zelf uit

Voorbeeld 2

Wissel elke 500 milliseconden tussen twee achtergrondkleuren:

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

Probeer het zelf uit

Voorbeeld 3

Maak een dynamische voortgangsbalk met setInterval() en 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 + '%';
    }
  }
}

Probeer het zelf uit

Syntaxis

clearInterval(intervalId)

Parameters

Parameters Beschrijving
intervalId Verplicht. Van setInterval() De teruggegeven interval id.

Retourwaarde

Geen.

Beschrijving

clearInterval() de methode stopt de periodieke uitvoering van de opgegeven code, de handelingen op deze code zijn het aanroepen setInterval() methode opgestart. Parameters intervalId moet worden aangeroepen setInterval() methode terugkeerwaarde.

Browser ondersteuning

All Browsers Support clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support