Timer in javascript

  • onerbs onerbs
  • 6 anni fa

Timer JavaScript

Timer JavaScript Teoria geeky

Che succede!

aveva desiderato da tempo scrivere questo tutorial ma non era stato possibile per me. In breve, fino al punto. In questa occasione condividerò con voi semplici metodi, ma piuttosto utile JavaScript. Non è altro che non è altro che SetInterval (), che serve a eseguire una funzione infinitamente ogni x millisecondi e settimali () che esegue una funzione solo una volta dopo x millisecondi.

Non è chiaro? Vediamo un po ‘più accuratamente.

Sintassi: setinterval (funzione, milliseconds, lang) / sextimeout (funzione, milliseconds, lang)

Parametro Descrizione
funzione richiesto. La funzione che verrà eseguita.
milliseconds richiesto. Nel primo metodo è il momento in cui sarà tra un’esecuzione e un altro. Nel secondo è il momento in cui prenderà prima di eseguire il codice indicato.
lang

Esempio: Supponiamo che abbiamo 2 pulsanti e un div.

<button onclick="interval()">Interval</button><button onclick="timeout()">Timeout</button><div></div>

con le loro rispettive funzioni.

var t;function interval(){ t=1; setInterval(function(){ document.getElementById("testdiv").innerHTML=t++; },1000,"JavaScript");}function timeout(){ setTimeout(function(){ document.getElementById("testdiv").innerHTML="Pasaron 2 segundos antes de que pudieras ver esto."; },2000,"JavaScript");}

Il primo pulsante scriverà nel div il valore di t infinitamente ogni 1000 ms. Il secondo mostrerà un messaggio nello stesso div che verrà visualizzato dopo il 2000 MS.

Cosa succede se premo il primo pulsante e quindi il secondo pulsante? Qualcosa di strano, ovviamente. Fare clic sul secondo pulsante non interromperà l’esecuzione dell’impostazione iniziale ().

per interrompere l’esecuzione del primo pulsante la funzione ClearinterVal () viene utilizzata ma per essere in grado di farlo devi modificare un po ‘il codice precedente che rimane qualcosa del genere:

var inter,t;function interval(){ t=1; inter=setInterval(function(){ document.getElementById("testdiv").innerHTML=t++; },1000,"JavaScript");}function timeout(){ clear(); setTimeout(function(){ document.getElementById("testdiv").innerHTML="Pasaron 2 segundos antes de que vieras esto."; },2000,"JavaScript");}function clear(){ clearInterval(inter);}

ora, di Cliccando sul secondo pulsante, l’esecuzione dell’intervallo () si fermerà e nulla è indesiderato.

settent-timeout () ha anche una funzione che interrompe la sua esecuzione; ClearTimeout (). Questa funzione, come quella precedente, richiede il salvataggio del sextimeout () in una variabile per poterlo utilizzare come parametro.

Esempio: Supponiamo che ci sia un pulsante Ciò dopo 10 secondi disattivare magicamente il computer, fare clic su Ma dopo 5 secondi ci pondiamo. Cosa facciamo? Facile, usiamo ClearTimeout (). Vediamo come.

<button onclick="apagar()">Apagar</button><button onclick="cancelar()">Cancelar</button><div></div>
var timout;function apagar(){ document.getElementById("testdiv").innerHTML="En 10 segundos se apagará el computador."; timout=setTimeout(function(){ document.getElementById("testdiv").innerHTML="Computador apagado."; },10000,"JavaScript");}function cancelar(){ clearTimeout(timout); document.getElementById("testdiv").innerHTML="Operación cancelada.";}

Sarebbe tutto, grazie a tutti da leggere. Se si desidera il codice utilizzato in questo tutorial, è disponibile per tutti in Dropbox e Drive. Saluti.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *