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>