Crearea de ceasuri folosind javascript

Deci, inaintea noastra este sarcina: sa creeam pe pagina ceasuri dinamice, valoarea acestora va fi actualizata in fiecare secunda. Formatul ceasului este cel mai frecvent hh: mm: ss (de exemplu, 16:05:45), unde h este ora din zi, m este minutul, s este al doilea.







Creați o pagină web simplă "index.html":






Ora actuală:

function time () dacă (! document.all! document.getElementById) se întoarce
thelement = document.getElementById? document.getElementById ("tick_tack"): document.all.tick_tack / * variabila thelement obține proprietățile elementului cu id "tick_tack" * /






var Digital = data nouă ()
var ore = Digital.getHours ()
var minute = Digital.getMinutes ()
var secunde = Digital.getSeconds ()
var dn = "PM"
dacă (minute <=9) minutes="0"+minutes
dacă (secunde <=9) seconds="0"+seconds
var ctime = ore + ":" + minute + ":" + secunde

thelement.innerHTML = " "+ ctime +" "/ * browserul care utilizează proprietatea elementului innerHTML afișează valoarea textului primit în locul acestui element * /

setTimeout ("time ()", 1000)> / * începe executarea timpului de funcționare la fiecare 1000 ms (1 secundă) * /

window.onload = time / * începe executarea funcției de timp atunci când pagina web este încărcată * /

Acum, ia în considerare pe scurt ceea ce se întâmplă.
1. Pagina este încărcată, scriptul "time.js" este încărcat.
2. În scenariu, obținem timpul sistemului și îl scoatem în format text în locul elementului cu identificatorul "tick_tack".

Proprietatea innerHTML permite tagurilor div și span să afișeze orice text apelând aceste etichete utilizând identificatorii lor.







Articole similare

Trimiteți-le prietenilor: