Window clearInterval() Methode

Definition und Verwendung

clearInterval() Methode löschen setInterval() method eingerichtete Timer.

Hinweis

Um den Intervall zu löschen, verwenden Sie setInterval() zurückgegebenen id:

myInterval = setInterval(function, milliseconds);

Dann können Sie durch Aufruf clearInterval() um die Ausführung zu stoppen:

clearInterval(myInterval);

Weitere Informationen siehe:

setInterval() method

setTimeout() Methode

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() The returned 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 Return value after

Browser support

Alle Browser unterstützen clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung