Najnowsze tutoriale tworzenie stron internetowych
 

Okno clearInterval() Method

<Okno Object

Przykład

Wyświetlanie bieżącego czasu (the setInterval() metoda wykonania funkcji raz na 1 sekundę, podobnie jak zegarek cyfrowy). Użyj clearInterval() , aby zatrzymać czas:

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}

function myStopFunction() {
    clearInterval(myVar);
}
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

clearInterval() Sposób kasuje licznik ustawiony z setInterval() sposobu.

Wartość identyfikatora zwrócony przez setInterval() stosuje się jako parametr dla clearInterval() sposobu.

Uwaga: Aby móc korzystać z clearInterval() metody, należy użyć zmiennej globalnej podczas tworzenia metody przedziale:

myVar = setInterval(" Wtedy będziesz w stanie powstrzymać wykonanie przez wywołanie metody clearInterval ().


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

Method
clearInterval() 1.0 4.0 1.0 1.0 4.0

Składnia

clearInterval( wartości parametrów
Parametr Opis
id_of_setinterval Wymagany. Identyfikator czasowy zwróconego przez setInterval() Sposób

Szczegóły techniczne

Zwracana wartość: Nie zwraca wartości

Przykłady

Więcej przykładów

Przykład

Przełączać się pomiędzy dwoma kolorami tła raz na 300 milisekund, dopóki nie zostanie zatrzymany przez clearInterval() :

var myVar = setInterval(function(){ setColor() }, 300);

function setColor() {
    var x = document.body;
    x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}

function stopColor() {
    clearInterval(myVar);
}
Spróbuj sam "

Przykład

Korzystanie setInterval() i clearInterval() , aby utworzyć dynamiczny pasek postępu:

function move() {
  var elem = document.getElementById("myBar");
  var width = 0;
  var id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      elem.style.width = width + '%';
    }
  }
}
Spróbuj sam "

Podobne strony

Okno Object: href="met_win_setinterval.html"> setInterval() Method

Okno Object: href="met_win_settimeout.html"> setTimeout() Method

Okno Object: href="met_win_cleartimeout.html"> clearTimeout() Method


<Okno Object