window.setInterval

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

  • idInterwalu to identyfikator ustawianego interwa艂u kt贸ry mo偶na przekaza膰 do funkcji window.clearInterval().
  • funkcja to funkcja, dla kt贸rej ustawiane jest op贸藕nienie
  • kod to 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 stosowanie eval().
  • op贸藕nienie to liczba milisekund (tysi臋cznych cz臋艣ci sekundy), co kt贸r膮 wywo艂ywana b臋dzie funkcja lub kod

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 clearInterval() z parametrem idInterwalu.

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