I timer sono un aspetto importante di qualsiasi linguaggio di programmazione. Come sappiamo il tempo è denaro. Quindi in questo articolo vedremo come implementare e lavorare con i timer in JavaScript:
Lavorare con i timer in JavaScript
Un timer è una funzione che ci consente di eseguire una funzione in un determinato momento.Utilizzando i timer è possibile ritardare l'esecuzione del codice in modo che non venga eseguita nel momento esatto in cui viene attivato un evento o viene caricata la pagina. Ad esempio, puoi utilizzare i timer per modificare i banner pubblicitari sul tuo sito Web a intervalli regolari o visualizzare un orologio in tempo reale, ecc.
C'è una funzione timer in JavaScript:setTimeout ()
La sezione seguente ti mostrerà come creare timer per ritardare il codicel'esecuzione e come eseguire ripetutamente una o più azioni utilizzando la funzione is in JavaScript.
Metodo della finestra setTimeout ()
Definizione e utilizzo:
Il metodo setTimeout () chiama una funzione o valuta un'espressione dopo un numero di millisecondi specificato.
MANCIA:
- 1000 ms = 1 secondo.
- La funzione viene eseguita una sola volta. Se è necessario ripetere l'esecuzione, utilizzare il file
setInterval ()metodo. - Usa il
clearTimeout ()metodo per impedire l'esecuzione della funzione.
Questa funzione accetta due parametri: a funzione , che è la funzione da eseguire e un optional ritardo parametro, che è il numero di millisecondi che rappresenta la quantità di tempo da attendere prima di eseguire la funzione (1 secondo = 1000 millisecondi).
Valore di ritorno: Restituisce un numero che rappresenta il valore ID del timer impostato.
Codice: timer in JavaScript
Ecco il codice per i timer in JavaScript che imposta il timer di 2 minuti e quando i tempi scadono l'avviso di pagina 'scade'. IlsetTimeout ()metodo chiama una funzione o valuta un'espressione dopo un numero specificato di millisecondi.
// imposta i minuti
var min = 2
// calcola i secondi
var sec = min * 60
// la funzione di conto alla rovescia viene richiamata quando la pagina viene caricata
function countdown () {
setTimeout ('Decrement ()', 60)
}
// Decrement function decrement the value.
function Decrement () {
if (document.getElementById) {
minuti = document.getElementById ('minuti')
secondi = document.getElementById ('secondi')
// se resta meno di un minuto
// Visualizza solo il valore dei secondi.
se (secondi<59) {
secondi.valore = sec
}
// Visualizza sia i minuti che i secondi
// getminutes e getseconds è utilizzato
// ottieni minuti e secondi
altro {
minuti.valore = getminutes ()
secondi.valore = getseconds ()
}
come fare tabelle nidificate in html
// quando resta meno di un minuto
// colore dei minuti e dei secondi
// cambia in rosso
se (min<1) {
minutes.style.color = 'rosso'
seconds.style.color = 'rosso'
}
// se i secondi diventano zero,
// quindi il tempo di avviso della pagina è scaduto
se (min<0) {
avviso ('tempo scaduto')
minuti.valore = 0
secondi.valore = 0
}
cosa fa .innerhtml
// se i secondi> 0, i secondi vengono decrementati
altro {
asciutto--
setTimeout ('Decrement ()', 1000)
}
}
}
funzione getminutes () {
// i minuti sono i secondi divisi per 60, arrotondati per difetto
min = Math.floor (sec / 60)
ritorno min
}
funzione getseconds () {
// prendi i minuti rimanenti (come secondi) di distanza
// dal totale dei secondi rimanenti
return sec - Math.round (min * 60)
}
Tempo rimasto ::
:
Quando rimane meno di un minuto, il colore del timer diventa rosso.
Con questo, arriviamo alla fine di questo articolo sui timer in JavaScript. C diamine il da Edureka, una società di formazione online affidabile con una rete di oltre 250.000 studenti soddisfatti sparsi in tutto il mondo.
Hai domande per noi? Per favore menzionalo nella sezione commenti di questa Dependency Injection in AngularJs e ti risponderemo.