Metoda Window clearInterval()

Definicja i użycie

clearInterval() Metoda清除使用 Metoda setInterval() ustawionego timera.

Informacja

Aby usunąć interval, użyj setInterval() Zwrócony identyfikator:

myInterval = setInterval(funkcja, milliseconds);

Następnie możesz wywołać clearInterval() Aby zatrzymać wykonywanie:

clearInterval(myInterval);

Zobacz również:

Metoda setInterval()

Metoda setTimeout()

Metoda clearTimeout()

Przykład

Przykład 1

Wyświetlaj czas co sekundę. Zatrzymaj czas za pomocą clearInterval():

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

Spróbuj sam

Przykład 2

Przełączaj między dwoma kolorami tła co 500 milisekund:

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

Spróbuj sam

Przykład 3

Utwórz dynamiczny pasek postępu za pomocą setInterval() i 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 + '%';
    }
  }
}

Spróbuj sam

Gramatyka

clearInterval(intervalId)

Parametry

Parametry Opis
intervalId Wymagane. Od setInterval() Zwracany identyfikator odstępu.

Zwracana wartość

Brak.

Opis

clearInterval() Metoda zatrzymuje okresowe wykonywanie określonego kodu, operacje na tym kodzie są wywoływane Metoda setInterval() uruchomiona. Parametry intervalId musi być wywołana Metoda setInterval() zwracaną wartość po

Przeglądarka obsługuje

Wszystkie przeglądarki wspierają clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie