Podsumowanie
Ustawia opóźnienie do cyklicznego wywoływania określonej funkcji.
Składnia
var idInterwalu = window.setInterval(funkcja, opóźnienie[, parametr1, parametr2, ...]); var idInterwalu = window.setInterval(kod, opóźnienie);
Parametry
idInterwaluto identyfikator ustawianego interwału który można przekazać do funkcjiwindow.clearInterval().funkcjato funkcja, dla której ustawiane jest opóźnieniekodto ciąg znaków zawierający kod javascript do cyklicznego wykonania. Jest to składnia alternatywna, której wykorzystanie nie jest zalecane z tych samych powodów, co stosowanieeval().opóźnienieto liczba milisekund (tysięcznych części sekundy), co którą wywoływana będziefunkcjalubkod
Należy zwrócić uwagę, że przekazywanie dodatkowych parametrów w pierwszej składni nie działa w Internet Explorerze.
Przykład
idInterwalu = window.setInterval(animuj, 500);
W poniższym przykładzie, funkcja zmienKolorTekstu() będzie wykonywana co sekundę, dopóki użytkownik nie naciśnie przycisku Stop, co spowoduje wywołanie clearInterwal() z parametrem wewnetrzneID.
<html>
<head>
<title>przykład z wykorzystaniem setInterval/clearInterval</title>
<script type="text/javascript">
var idInterwalu;
function zmienKolor() {
idInterwalu = setInterval(zmienKolorTekstu, 1000);
}
function zmienKolorTekstu() {
var elem = document.getElementById("my_box");
if (elem.style.color == 'red') {
elem.style.color = 'blue';
} else {
elem.style.color = 'red';
}
}
function zatrzymajZmianeKoloru() {
clearInterval(idInterwalu);
}
</script>
</head>
<body onload="zmienKolor();">
<div id="my_box">
<p>Hello World</p>
</div>
<button onclick="zatrzymajZmianeKoloru();">Stop</button>
</body>
</html>
Uwagi
Funkcja setInterval() służy do ustawienia opóźnienia dla cyklicznie wywoływanych funkcji, takich jak funkcje animacji.
Możliwe jest anulowanie wykonania fukcji poprzez wywołanie window.clearInterval().
Jeżeli funkcja ma zostać wykonana tylko raz a nie być wykonywana cyklicznie to należy skorzystać z window.setTimeout().
Specyfikacja
DOM Level 0. Nie jest częścią żadnego standardu.