JavaScript - setInterval()

Jest to metoda obiektu:

Opis

Metoda ta wywołuje funkcję w określonych odstępach czasu, mierzonego w milisekundach ( 1 s = 1000 ms). Metoda ta działa dopóki nie jest wywołana metoda clearInterval().

Składnia

setInterval(function, time [,param1, param2, ...])

Parametry

Parametr	Opis
function	Funkcja jaka ma być wywołana przy pomocy tej metody.
time	Interwał czasu w milisekundach. Jeżeli podamy jako parametr 1000, to co 1 s będzie wywoływana wskazana funkcja.
param1, param2, ...	Parametry dodatkowe, opcjonalne, związane z funkcją. Nie są obsługiwane przez IE9 i wcześniejsze wersje tej przeglądarki.

Szczegóły techniczne

Zwraca liczbę, która jest identyfikatorem dla metody clearInterval().

Przykłady

Przykład 1

W tym przykładzie wywołujemy w klasyczny sposób własną funkcję o nazwie zegarek, która ma za zadanie wyświetlić aktualny czas. Ramka poniżej posiada id="box1".

<script>
setInterval(zegarek,1000);
function zegarek(){
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("box1").innerHTML=t;
}
</script>

Przykład 2

W tym przykładzie korzystamy z samowywołującej się funkcji, wewnątrz której wywołujemy dopiero funkcję o nazwie zegarek1, która ma za zadanie wyświetlić aktualny czas. Ramka poniżej posiada id="box2".

<script>
setInterval(function(){ zegarek1(); },1000);
function zegarek1(){
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("box2").innerHTML=t;
}
</script>

Przykład 3

Przykład ten ilustruje jak wyświetlać co 1 sekundę kolejną liczbę naturalną przy użyciu samowywołującej się funkcji. Ramka poniżej posiada id="box2".

<script>
var i=0;
setInterval(function(){i++; document.getElementById("box3").innerHTML=i;} ,1000);
</script>

Wsparcie dla przeglądarek


Tak	Tak	Tak	Tak	Tak