Data i czas po polsku

Skrypt wyświetla dynamicznie datę i czas po polsku, w formacie 24-godzinnym. Należy uważać na wzajemne położenie wyświetlanej treści skryptu i innych elementów. Skrypt działa w IE, Netscape i Mozilli, także w starszych wersjach.

Skopiuj kod

W ramach HEAD

<SPAN id="Data" style="POSITION: absolute; LEFT: 0; TOP: 0; FONT-SIZE: 10pt;
FONT-WEIGHT: bold; COLOR: #012345; FONT-FAMILY: Verdana, Arial;"></SPAN>
<script>
// Autor skryptu: Mariusz Dziawa
// E-mail: Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript.
//
function czas() {

if (!document.layers&&!document.getElementById&&!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.getElementById){
document.getElementById("Data").innerHTML=pelnyczas
}
else if (document.layers){
document.layers.Data.document.write(pelnyczas)
}
else if (document.all)
Data.innerHTML=pelnyczas

// Czestotliwosc odswiezania
setTimeout("czas()",500)
}

</script>

W ramach BODY

<body onLoad="czas()">

Drugi sposób na wstawienie daty i zegara na stronie z zdefiniowaną ramką

W ramach HEAD

<!-- Scripts-->
<script Language="JavaScript">
<!-- Helpers for JSI page...
// Navigation - Start
function goback(){
alert("Good Bye!");
history.go(-1);
}
function gettheDate() {
Todays = new Date();
TheDate = "" + (Todays.getMonth()+ 1) +" / "+ Todays.getDate() + " / " +
Todays.getYear()
document.clock.date.value = TheDate;
}
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
// Make sure the clock is stopped
stopclock();
gettheDate()
showtime();
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
// end Helpers -->
</script>

W ramach BODY

<BODY ONLOAD="startclock()" bgcolor="#FFFFFF">

<table>
<tr>
<td>
<form name="clock" onSubmit="0">
<div align=right>
<input type="text" name="date" size=12 value="">
<input type="text" name="face" size=12 value="">
</div></form>
</td>
</tr>
</table>