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
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