Przykład
Alert "Hello" co 3 sekundy (3000 milliseconds) :
setInterval(function(){ alert("Hello"); }, 3000);
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
setInterval() sposób wywołuje funkcję lub ocenia się ekspresji w określonych odstępach czasu (in milliseconds) .
setInterval() metoda będzie nadal wywołując funkcję aż clearInterval() jest wywoływana, czy okno jest zamknięte.
Wartość identyfikatora zwrócony przez setInterval() stosuje się jako parametr dla clearInterval() sposobu.
Tip: 1000 ms = 1 sekunda.
Wskazówka: Aby wykonać funkcję tylko raz, po upływie określonej liczby milisekund, należy użyć setTimeout() metody.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
metoda | |||||
---|---|---|---|---|---|
setInterval() | 1,0 | 4.0 | 1,0 | 1,0 | 4.0 |
Składnia
setInterval( function,milliseconds,param1,param2,... )
wartości parametrów
Parametr | Opis |
---|---|
function | Wymagany. Funkcja, która zostanie wykonana |
milliseconds | Wymagany. Odstępy (in milliseconds) , jak często wykonywać kod |
param1,param2,... | Opcjonalny. Dodatkowe parametry, aby przejść do funkcji (nieobsługiwane w IE9 i wcześniej) |
Szczegóły techniczne
Zwracana wartość: | A Liczba reprezentująca wartość identyfikatora timera, który jest ustawiony. Za pomocą tej wartości z clearInterval() sposobu anulowania stoper |
---|
Więcej przykładów
Przykład
Można również odwołać się do "named" funkcji; Alert "Hello" co 3 sekundy (3000 milliseconds) :
var myVar;
function myFunction() {
myVar =
setInterval(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Spróbuj sam " Przykład
Wyświetlanie bieżącego czasu (the setInterval() metoda wykonania funkcji raz na 1 sekundę, podobnie jak zegarek cyfrowy):
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
Spróbuj sam " Przykład
Korzystanie clearInterval() , aby zatrzymać czas w poprzednim przykładzie:
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 " 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, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
}
Spróbuj sam " Przykład
Przełączać się pomiędzy dwoma kolorami tła raz na 300 milisekund:
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
Przekazać parametry do funkcji alertFunc (does not work in IE9 and earlier) :
var myVar;
function myStartFunction() {
myVar
= setInterval(alertFunc, 2000, "First param", "Second param");
}
Spróbuj sam " Jednakże, jeśli używasz anonimową funkcję, to będzie działać we wszystkich przeglądarkach:
var myVar;
function myStartFunction() {
myVar =
setInterval(function(){ alertFunc("First param", "Second param"); },
2000);
}
Spróbuj sam " Podobne strony
Okno Object: href="met_win_clearinterval.html"> clearInterval() Method
Okno Object: href="met_win_settimeout.html"> setTimeout() Method
Okno Object: href="met_win_cleartimeout.html"> clearTimeout() Method
<Okno Object