Window clearInterval() metoden

DefinITION OG BRUG

clearInterval() metoden til at fjerne setInterval() method satte tidsmålere.

Advarsel

For at fjerne intervallet, brug setInterval() Retur-id:

myInterval = setInterval(function, milliseconds);

Dernæst kan du kalde clearInterval() for at stoppe udførelsen:

clearInterval(myInterval);

Se også:

setInterval() method

setTimeout() metoden

clearTimeout() method

Instance

Example 1

Display the time once per second. Use clearInterval() to stop the time:

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

Try it yourself

Example 2

Switch between two background colors every 500 milliseconds:

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

Try it yourself

Example 3

Create a dynamic progress bar using setInterval() and 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 + '%';
    }
  }
}

Try it yourself

Syntax

clearInterval(intervalId)

Parameters

Parameters Description
intervalId Required. From setInterval() Returns the interval ID.

Return value

None.

Description

clearInterval() The method stops the specified code from executing periodically, and the operation on these codes is to call setInterval() method Started. Parameters intervalId Must be called setInterval() method The returned value after.

Browser supports

Alle browsere understøtter clearInterval():

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