Doriti să reactionati la acest mesaj? Creati un cont în câteva clickuri sau conectati-vă pentru a continua.



 
AcasaUltimele imaginiCăutareÎnregistrareConectare

 

 Ceas si data in pagina (Javascript)

In jos 
AutorMesaj
knight
Fondator
Fondator
knight


Mesaje : 192
Data de înscriere : 27/03/2008
Varsta : 30
Localizare : Undeva...Nush pe unde...Dar pe undeva :D

Ceas si data in pagina (Javascript) Empty
MesajSubiect: Ceas si data in pagina (Javascript)   Ceas si data in pagina (Javascript) EmptyDum Mar 30, 2008 1:30 pm

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>
Sus In jos
https://funnyzone.forum-canada.com
 
Ceas si data in pagina (Javascript)
Sus 
Pagina 1 din 1
 Subiecte similare
-
» Incadrare in pagina - CSS
» Cum faci sa se incarce pagina de la site mai repede

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: Tutoriale Diverse-
Mergi direct la: