Window clearInterval() metodi

Määrittely ja käyttö

clearInterval() Metodin poistaminen käytetään setInterval() -menetelmä Asetettu ajastin.

Havaittu

Jos haluat poistaa intervallin, käytä setInterval() Palautettu id:

myInterval = setInterval(function, milliseconds);

Sitten voit kutsua clearInterval() Pysäytäksesi suorituksen:

clearInterval(myInterval);

Lisäksi katso:

setInterval() -menetelmä

setTimeout() metodi

clearTimeout() -menetelmä

Esimerkki

Esimerkki 1

Näytä kellonaika sekunnissa. Käytä clearInterval() kellon lopettamiseen:

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

Kokeile itse

Esimerkki 2

Vaihda taustavärit kahden väri välillä joka 500 millisekunnin välein:

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

Kokeile itse

Esimerkki 3

Luo dynaaminen edistymispalkki käyttämällä setInterval() ja clearInterval() -menetelmiä:

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 + '%';
    }
  }
}

Kokeile itse

Syntaksi

clearInterval(intervalId)

Parametrit

Parametrit Kuvaus
intervalId Välttämätön. Aloitetaan setInterval() Palautettu tauko id.

Palautusarvo

Ei mitään.

Selitys

clearInterval() Menetelmä lopettaa toistuvasti suoritettavan määritetyn koodin, koodin käsittely on kutsuttava setInterval() -menetelmä käynnistämään. intervalId on kutsuttava setInterval() -menetelmä jälkeen palautettu arvo.

Selain tukee

Kaikki selaimet tukevat clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki