Data și ora (de exemplu pentru a utiliza data de obiect)

Acest script vă permite să afișați actualizat în timp real, data și ora, precum și stabilirea modelului descris pentru punerea în aplicare a rezultatelor script-ul oriunde pe pagină.

Descrierea scenariului

Într-un document HTML, locul pentru a insera rezultatele execuției script-ul, sunt definite folosind elemente numit interval. Cu numele specificate în numele proprietății, avem acces la gestionarea acestor elemente cu un scenariu. Inițial se întind nu face altceva decât să afișeze conținutul lor, și anume După ce încarcă pagina, veți vedea următoarele

Toate orele sunt GMT. astăzi.

Ne întoarcem acum la script-ul. Când se încarcă pagina glabalnyh matrice de initializare cu nume românești de zile ale săptămânii (de duminică) și luni.

După ce a trecut funcția UpdateTime (). În primul rând, se creează un obiect care conține informații despre ora curentă:

var CurrentTime = new Date ();

În continuare, vom descrie două obiecte care descriu accesul la durata de elemente de nume (aceste obiecte se va schimba conduce la modificări ale conținutului unui document HTML):

Obținem orele:

Pentru un afișaj mai estetic dacă h este mai mică de 10, apoi adăugând un zero la început (naprmer 9 schimbând la 09). Același lucru se face pentru minute și secunde. Asigurați-up timp în HH: MM: SS:

outstring = h + ":" + m + ":" + s;

Și de ieșire la șablonul ??

În același timp, avem conținutul containerului variază în funcție de durata. la ora actuală HH: MM: SS. Du-te până în prezent. Ziua lunii este determinată folosind metoda getDate (). Numărul de luni specificat metoda getMonth (). valori lună de la 0 la 11 sunt utilizate ca un index de matrice, precum și numele lunilor luni. Ziua săptămânii, de duminică până luni seta valori de la 0 la 6 prin getDay (). și numele zilelor săptămânii sunt derivate din messivo săptămână. După conținutul containerului este înlocuit cu o valoare dată:

Ultima linie este dată comanda de a executa același cod (dar pentru noua dată) într-o a doua:

Nota 1 Rețineți că ar putea în tag-ul organismului de a utiliza o metodă pentru a efectua un anumit cod al unui setInterval anumit interval de timp:

În același timp, trebuie să ștergem ultima linie a script-ul (ca un program recurent a fost deja definit): setTimeout ( „UpdateTime ()“, 1000); .

Din păcate, ultima variantă (e setInterval) nu este suportat de vechile browsere (de exemplu, InternetExplorer 4), și primul exemplu de realizare (cu setTimeout) se realizează în aproape orice browser.

Nota 2: Pe baza acestui exemplu, puteți crea propriul dvs. pentru script-uri potrivite pentru pagina dvs. de destinație. Doar la datele punctul de afișare într-un document HTML a pus un recipient numit ??, prescrie obiectul corespunzător în script

var InputVar1 = document.getElementById ( 'MyVar1');

și apoi modificați conținutul variabilei outstring conținutului containerului (sau altă valoare):

Full script cod „data și ora“

Copiați următorul script într-un fișier HTML separat (de exemplu, date_and_time.html) și a deschide pagina într-un browser.

executarea script Exemplu