JavaScript Timing pakietowe

❮ Poprzedni Następny Rozdział ❯

JavaScript może być wykonywane w odstępach czasowych.

To się nazywa czasowe zdarzeń.

Timing pakietowe

Przedmiotem okno umożliwia wykonanie kodu w określonych odstępach czasowych.

Te przedziały czasowe są zwane czasowe zdarzeń.

Dwa główne sposoby korzystania z JavaScript są:

setTimeout( function, milliseconds )
Uruchamia funkcję, po odczekaniu określonej liczby milisekund.
setInterval( function, milliseconds )
Sama, jak setTimeout() , ale powtarza się wykonywanie funkcji w sposób ciągły.

setTimeout() i setInterval() są zarówno metody obiektu HTML DOM Okno.

setTimeout() Metoda

window.setTimeout(function, milliseconds);

window.setTimeout() metoda może być napisany bez prefiksu okiennej.

Pierwszy parametr jest funkcją wykonania.

Drugi parametr wskazuje liczbę milisekund przed wykonaniem.

Przykład

Kliknij przycisk. Odczekać 3 sekundy, a strona będzie ostrzegać "Hello":

<button onclick="setTimeout(myFunction, 3000)">Try it</button>

<script>
function myFunction() {
alert('Hello');
}
</script>

Spróbuj sam "

Jak zatrzymać wykonywanie?

clearTimeout() metoda zatrzymuje wykonywanie funkcji określonych w setTimeout() .

window.clearTimeout( timeoutVariable )

window.clearTimeout() metoda może być napisany bez prefiksu okiennej.

clearTimeout() metoda wykorzystuje zmienną wróciłam z setTimeout() :

myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);

Jeśli funkcja nie została już wykonana, można zatrzymać wykonywanie przez wywołanie clearTimeout() metodę:

Przykład

Ten sam przykład jak powyżej, ale z dodanym przycisku "Stop":

Spróbuj sam "

setInterval() Metoda

setInterval() Metoda powtarza daną funkcję w każdym danym przedziale czasowym.

window.setInterval(function, milliseconds);

window.setInterval() metoda może być napisany bez prefiksu okiennej.

Pierwszym parametrem jest funkcja do wykonania.

Drugi parametr określa długość odstępu czasu pomiędzy każdym wykonaniu.

Przykład ten realizuje funkcję o nazwie "myTimer" raz na sekundę (jak zegarek cyfrowy).

Przykład

Wyświetla aktualny czas:

var myVar = setInterval(myTimer, 1000);

function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}

Spróbuj sam "

Istnieją 1000 milisekund w ciągu jednej sekundy.

Jak zatrzymać wykonywanie?

clearInterval() metoda zatrzymuje egzekucji funkcji określonej w setInterval() metody.

window.clearInterval( timerVariable )

window.clearInterval( ) metoda może być napisany bez prefiksu okiennej.

clearInterval() metoda wykorzystuje zmienną wróciłam z setInterval() :

myVar = setInterval(function, milliseconds);
clearInterval(myVar);

Przykład

Ten sam przykład jak powyżej, ale dodaliśmy przycisk "Zatrzymaj czas":

<p id="demo"></p>

<button onclick="clearInterval(myVar)">Stop time</button>

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

Spróbuj sam "