Temporizatoarele sunt un aspect important al oricărui limbaj de programare. După cum știm, timpul este bani. Deci, în acest articol, vom vedea cum să implementăm și să lucrăm cu Timers în JavaScript:
Lucrul cu cronometrele în JavaScript
Un cronometru este o funcție care ne permite să executăm o funcție la un anumit moment.Folosind cronometrele puteți întârzia executarea codului, astfel încât să nu se realizeze în momentul exact în care este declanșat un eveniment sau când pagina este încărcată. De exemplu, puteți utiliza temporizatoare pentru a schimba la intervale regulate bannerele publicitare de pe site-ul dvs. web, sau pentru a afișa un ceas în timp real etc.
Există o funcție de temporizare în JavaScript:setTimeout ()
Următoarea secțiune vă va arăta cum să creați temporizatoare pentru a întârzia codulprecum și cum să efectuați una sau mai multe acțiuni în mod repetat folosind această funcție în JavaScript.
Window setTimeout () Metodă
Definiție și utilizare:
Metoda setTimeout () apelează o funcție sau evaluează o expresie după un număr specificat de milisecunde.
BACSIS:
- 1000 ms = 1 secundă.
- Funcția este executată o singură dată. Dacă trebuie să repetați execuția, utilizați
setInterval ()
metodă. - Folosește
clearTimeout ()
metodă de prevenire a funcționării.
Această funcție acceptă doi parametri: a funcţie , care este funcția de executat și o opțională întârziere parametru, care este numărul de milisecunde care reprezintă durata de așteptare înainte de a executa funcția (1 secundă = 1000 milisecunde).
Valoare returnată: Returnează un număr care reprezintă valoarea ID a temporizatorului setat.
Cod: Cronometre în JavaScript
Iată codul pentru Cronometre în JavaScript care setează cronometrul de 2 minute și când timpul crește alerta paginii „crește”.setTimeout ()
metoda apelează o funcție sau evaluează o expresie după un număr specificat de milisecunde.
// setează minute
var minute = 2
// calculează secundele
var secunde = minute * 60
// funcția de numărătoare inversă este evocată la încărcarea paginii
functie numaratoare inversa () {
setTimeout ('Decrement ()', 60)
}
// Funcția de scădere scade valoarea.
funcție Decrement () {
cum se instalează php 7 pe Windows 10
if (document.getElementById) {
minute = document.getElementById („minute”)
secunde = document.getElementById ('secunde')
// dacă mai rămâne mai puțin de un minut
// Afișează doar valoarea de secunde.
if (secunde<59) {
secunde.valoare = sec
ce este bucătarul în devops
}
// Afișați atât minute, cât și secunde
// getminutes și getseconds este obișnuit
// obține minute și secunde
altceva {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// când mai rămâne mai puțin de un minut
// culoarea minutelor și secundelor
// se schimbă în roșu
dacă (min<1) {
minutes.style.color = 'roșu'
seconds.style.color = 'roșu'
}
// dacă secunde devin zero,
// apoi timpul de alertă a paginii a crescut
dacă (min<0) {
alertă („timp până”)
minutes.value = 0
secunde.valoare = 0
}
// dacă secunde> 0 atunci secunde este diminuată
altceva {
uscat--
setTimeout ('Decrement ()', 1000)
}
}
}
funcția getminutes () {
// minute sunt secunde împărțite la 60, rotunjite în jos
mins = Math.floor (secunde / 60)
întoarcere min
}
funcția getseconds () {
java cum se termină un program
// luați minute rămase (ca secunde) distanță
// din totalul de secunde rămase
returnează secunde - Math.round (min. * 60)
}
Timp rămas ::
:
Când rămâne mai puțin de un minut, culoarea temporizatorului se schimbă în roșu.
Cu aceasta, ajungem la sfârșitul acestui articol Timers în JavaScript. C uită-te la de Edureka, o companie de învățare online de încredere, cu o rețea de peste 250.000 de elevi mulțumiți răspândiți pe tot globul.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a acestei injecții de dependență în AngularJs și vă vom răspunde.