[JS] Zegarek

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
mr_thomas
Posty: 4
Rejestracja: pt gru 16, 2005 7:29 pm

[JS] Zegarek

Post autor: mr_thomas »

Witam,
jak zrobic zegarek taki jak na portalu o2.pl??
Pawko
Nowy
Nowy
Posty: 68
Rejestracja: wt sie 12, 2003 12:04 pm

Re: [JS] Zegarek

Post autor: Pawko »

W ramach HEAD

Kod: Zaznacz cały

<span id="Data" style="position:absolute;left:0;top:0;">
</span>

<script>

// Autor skryptu: Mariusz Dziawa
// E-mail: [email protected]
//
function czas() {
 if (!document.layers&&!document.all)
 return

  var godzina, minuty, sekundy, dzien, licz_dzien, miesiac, dzisiaj, rok, tekst_miesiac, tekst_dzien;
  dzisiaj = new Date();
  godzina=dzisiaj.getHours();
  minuty=dzisiaj.getMinutes();
  sekundy=dzisiaj.getSeconds();
  rok=dzisiaj.getYear();
  dzien=dzisiaj.getDate();
  licz_dzien=dzisiaj.getDay();
  if (licz_dzien==0) {tekst_dzien="Niedziela"}
  if (licz_dzien==1) {tekst_dzien="Poniedziałek"}
  if (licz_dzien==2) {tekst_dzien="Wtorek"}
  if (licz_dzien==3) {tekst_dzien="Środa"}
  if (licz_dzien==4) {tekst_dzien="Czwartek"}
  if (licz_dzien==5) {tekst_dzien="Piątek"}
  if (licz_dzien==6) {tekst_dzien="Sobota"}
  miesiac=dzisiaj.getMonth()+1;
  if (miesiac==1) {tekst_miesiac="stycznia"}
  if (miesiac==2) {tekst_miesiac="lutego"}
  if (miesiac==3) {tekst_miesiac="marca"}
  if (miesiac==4) {tekst_miesiac="kwietnia"}
  if (miesiac==5) {tekst_miesiac="maja"}
  if (miesiac==6) {tekst_miesiac="czerwca"}
  if (miesiac==7) {tekst_miesiac="lipca"}
  if (miesiac==8) {tekst_miesiac="sierpnia"}
  if (miesiac==9) {tekst_miesiac="września"}
  if (miesiac==10) {tekst_miesiac="października"}
  if (miesiac==11) {tekst_miesiac="listopada"}
  if (miesiac==12) {tekst_miesiac="grudnia"}
         if ((rok>=00) && (rok<=1900)) {rok=1900+rok;}
         if (miesiac < 10) {miesiac="0"+miesiac;}
 	 if (dzien < 10) {dzien="0"+dzien;}
 	 if (godzina < 10) {godzina="0"+godzina;}
         if (minuty < 10) {minuty="0"+minuty;}
 	 if (sekundy < 10) {sekundy="0"+sekundy;}
  pelnyczas=tekst_dzien + ", " + dzien + " " + tekst_miesiac + " "+rok+"<br>"
  	+ godzina+":"+minuty+":"+sekundy;


if (document.layers){
document.layers.Data.document.write(pelnyczas)
document.layers.Data.document.close()
}
else if (document.all)
Data.innerHTML=pelnyczas
setTimeout("czas()",500)
 }

</script>
W ramach BODY

Kod: Zaznacz cały

<body onLoad="czas()">
mr_thomas
Posty: 4
Rejestracja: pt gru 16, 2005 7:29 pm

Re: [JS] Zegarek

Post autor: mr_thomas »

dzieki :-D

tylko, ze ten skrypt ktory podales nie dziala, ale wpisalem do google tworce skryptu i znalazlem poprawny (http://webmaster.helion.pl/kurshtml/skrypt/dataczas.htm)
Marek_bf
Administrator
Posty: 4419
Rejestracja: czw lut 24, 2005 2:14 am
Kontakt:

data czas zegar

Post autor: Marek_bf »

Funkcja czas można (powinno się) zoptymalizować.

Kod: Zaznacz cały

function czas() {
	if (!document.layers && !document.getElementById && !document.all) {
		return;
	}
	var godzina, minuty, sekundy, dzien, licz_dzien, miesiac, dzisiaj, rok, tekst_miesiac, tekst_dzien;
	var miesiace = ["stycznia", "lutego", "marca", "kwietnia", "maja", "czerwca", "lipca", "sierpnia", "września", "października", "listopada", "grudnia"];
	var dni = ["Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota"];
	dzisiaj = new Date();
	godzina = dzisiaj.getHours();
	minuty = dzisiaj.getMinutes();
	sekundy = dzisiaj.getSeconds();
	rok = dzisiaj.getYear();
	dzien = dzisiaj.getDate();
	tekst_dzien = dni[dzisiaj.getDay()];
	tekst_miesiac = miesiace[Number(dzisiaj.getMonth())];
	if ((rok >= 00) && (rok <= 1900)) {
		rok = 1900 + rok;
	}
	miesiac < 10 ? miesiac = "0" + miesiac : null;
	dzien < 10 ? dzien = "0" + dzien : null;
	godzina < 10 ? godzina = "0" + godzina : null;
	minuty < 10 ? minuty = "0" + minuty : null;
	sekundy < 10 ? sekundy = "0" + sekundy : null;
	pelnyczas = tekst_dzien + ", " + dzien + " " + tekst_miesiac + " " + rok + "<br>" + godzina + ":" + minuty + ":" + sekundy;
	if (document.getElementById) {
		document.getElementById("Data").innerHTML = pelnyczas;
	} else if (document.layers) {
		document.layers.Data.document.write(pelnyczas);
	} else if (document.all) {
		Data.innerHTML = pelnyczas;
	}
	setTimeout("czas()", 500);
}
ODPOWIEDZ