top

Ceas si data in pagina (Javascript)

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Euro-Team -> Tutoriale Diverse
Autor Mesaj
serj
Administrator
Administrator
serj

Data inscrierii: 13/Dec/2008
Mesaje: 3054
Localitate: Madagascar

MesajTrimis: 18/12/2008 21:38    Titlul subiectului: Ceas si data in pagina (Javascript) Raspunde cu citat (quote)

Inițialul 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 ajunge 03) */
if (minute < 10) {
      clipe = "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 + ":" + momente + ":" + 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></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)
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 Euro-Team -> 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