top

Ceas si data in pagina (Javascript)

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului apt-gaming.myforum.ro -> Tutoriale Diverse
Autor Mesaj
FaNkY
Admin
<font color=red><b>Admin</b></font>
FaNkY

Data inscrierii: 26/Mar/2007
Mesaje: 2259
Localitate: De_Dust2

MesajTrimis: 06/11/2007 20:11    Titlul subiectului: Ceas si data in pagina (Javascript) Raspunde cu citat (quote)

om face un ceas in Javascript care va afisa ora:minute:secunde si eventual ziua/luna/anul.

Primul pas - realizam fisierul care ne arata ceasul (timp.js)


Cod:
/* dam nastere ceasului */
function timp() {
ceas = new Date();

/* definim variabilele */
ore = ceas.getHours();
minute = ceas.getMinutes();
secunde = ceas.getSeconds();
ziua = ceas.getDate();
luna = ceas.getMonth();
anul = ceas.getYear();

/* verificam daca numerele sunt formate dintr`o singura cifra si corectam cu un zero in fata (3 va deveni 03) */
if (minute < 10) {
      minute = "0" + minute;
}
if (secunde < 10) {
      secunde = "0" + secunde;
}
if (ore < 10) {
      ore = "0" + ore;
}
if (ziua < 10) {
      ziua = "0" + ziua;
}
if (luna < 10) {
      luna = "0" + luna;
}

/* setam unde si cum va fi afisat ceasul (valoare este id`ul tagului unde va sta ceasul iar dupa "=" puteti configura modalitatea de afisare) */
valoare.innerHTML = ore + ":" + minute + ":" + secunde + " - " + ziua + "/" + luna + "/" + anul;
}

/* ceasul se va reimprospata dupa 1 secunda (1000 milisec = 1sec) */
setInterval("timp()", 1000);


Al doilea pas: modificam pagina HTML in care vom insera ceasul

Intre tagurile <head></head> inseram scriptul

Cod:
<script type="text/javascript" src="timp.js"></script>


Inte tagurile [b]<body></body>
unde avem continutul sitului facem un div cu id`ul "valoare" astfel:

Cod:
<div></div>

_________________
Ceas si data in pagina (Javascript) Ceas si data in pagina (Javascript)
Ceas si data in pagina (Javascript) Ceas si data in pagina (Javascript)
Sus
Vezi profilul utilizatorului Trimite mesaj privat
ALEXALEX303
Membru
Membru
ALEXALEX303

Data inscrierii: 02/Dec/2007
Mesaje: 456
Localitate: de_twintowers

MesajTrimis: 03/12/2007 22:23    Titlul subiectului: r3 Raspunde cu citat (quote)

Cum fak un "timp.js"?
Sus
Vezi profilul utilizatorului Trimite mesaj privat
Afiseaza mesajele pentru a le previzualiza:    Subiectul anterior : Subiectul urmator  
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului apt-gaming.myforum.ro -> Tutoriale Diverse Ora este GMT + 2 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum

Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro