JavaScript Timing Evenimente

❮ Anterior Urmatorul capitol ❯

JavaScript poate fi executată în timp-intervale.

Aceasta se numește sincronizare evenimente.

Timing Evenimente

Obiectul fereastră permite executarea de cod la intervale de timp specificate.

Aceste intervale de timp sunt numite evenimente de sincronizare.

Cele două metode cheie pentru a utiliza cu JavaScript sunt:

setTimeout( function, milliseconds )
Execută o funcție, după o așteptare de un anumit număr de milisecunde.
setInterval( function, milliseconds )
La fel ca setTimeout() , dar repetă executarea funcției în mod continuu.

setTimeout() și setInterval() sunt ambele metode ale obiectului HTML DOM Window.

setTimeout() Metoda

window.setTimeout( window. setTimeout() window. setTimeout() metoda poate fi scrisă fără prefixul fereastră.

Primul parametru este o funcție care urmează să fie executat.

Al doilea parametru indică numărul de milisecunde înainte de execuție.

Exemplu

Faceți clic pe un buton. Așteptați 3 secunde, iar pagina va alerta "Hello" :

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

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

Încearcă - l singur »

Cum de a opri executia?

clearTimeout() Metoda se oprește executarea funcției specificate în setTimeout() .

window. clearTimeout( timeoutVariable )

window. clearTimeout() window. clearTimeout() metoda poate fi scrisă fără prefixul fereastră.

clearTimeout() Metoda folosește variabila returnată din setTimeout() :

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

Dacă funcția nu a fost deja executată, puteți opri executia prin apelarea clearTimeout() metoda:

Exemplu

Același exemplu ca mai sus, dar cu un adăugat "Stop" buton:

Încearcă - l singur »

setInterval() Metoda

setInterval() metoda repetă o funcție dată la fiecare moment dat interval.

window. setInterval( function , milliseconds ) ;

window. setInterval() window. setInterval() metoda poate fi scrisă fără prefixul fereastră.

Primul parametru este funcția care urmează să fie executat.

Al doilea parametru indică lungimea timpului intervalul dintre fiecare execuție.

Acest exemplu execută o funcție numită "myTimer" o dată la fiecare secundă (ca un ceas digital).

Exemplu

Afișează ora curentă:

var myVar = setInterval(myTimer, 1000);

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

Încearcă - l singur »

Există 1000 de milisecunde într-o secundă.

Cum de a opri executia?

clearInterval() metoda oprește execuțiile funcției specificate în setInterval() metoda.

window.clearInterval( timerVariable )

window. clearInterval( window. clearInterval( ) metoda poate fi scrisă fără prefixul fereastră.

clearInterval() Metoda folosește variabila returnată din setInterval() :

myVar = setInterval( Exemplu

Același exemplu ca mai sus, dar am adaugat un "Stop time" buton:

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

Încearcă - l singur »