Kursrekommendation:

Window clearInterval() metoden

clearInterval() Definition och användning setInterval() metoden Angivna timers. Metoden för att rensa används

Tips

För att rensa intervallet, använd setInterval() Återkommande id:

myInterval = setInterval(function, milliseconds);

Då kan du genom att anropa clearInterval() För att stoppa exekveringen:

clearInterval(myInterval);

Se också:

setInterval() metoden

setTimeout() metoden

clearTimeout() metoden

Exempel

Exempel 1

Visa tiden varje sekund. Använd clearInterval() för att stoppa tiden:

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

Prova det själv

Exempel 2

Byt mellan två bakgrundsfärger var 500 millisekunder:

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 det själv

Exempel 3

Skapa en dynamisk förloppsmätare med setInterval() och clearInterval():

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

Prova det själv

Syntaks

clearInterval(intervalId)

Parametrar

Parametrar Beskrivning
intervalId Obligatorisk. Från setInterval() Återvärdet av intervall id:n.

Återvärdet

Ingen.

Förklaring

clearInterval() metoden stoppar den periodiska exekveringen av det specifika koden, åtgärderna för denna kod är att anropa setInterval() metoden startad. Parametrar intervalId måste vara att anropa setInterval() metoden återvärdet efter.

Webbläsare stödjer

Alla webbläsare stöder clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd