|
FaNkY
FoundeR
Data inscrierii: 17/Oct/2007
Mesaje: 165
|
 Trimis: 06/11/2007 16:59 Titlul subiectului: Ceas si data in pagina (Javascript) |
 |
|
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 ajunge 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 <body></body> unde avem continutul sitului facem un div cu id`ul "valoare" astfel:
| Cod: |
| <div id="valoare"></div> |
|
|
Mesaje private
Autentificare
