[JavaScript Kalender]

Dieses Skript zeigt eine Uhr sowie einen Kalender des laufenden Monats an.

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<script language="JavaScript">
<!-- Hide the script from old browsers --
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. January 13, 1996
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
// Translated by: Uwe Schwenk, President Intertect, Inc.

var timerID = null;
var timerRunning = false;

function stopclock() {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function startclock() {
stopclock();
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;
// you could replace the above with this
// and have a clock on the status bar:

// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}

function greeting() {
var today = new Date();
var hrs = today.getHours();
document.writeln("<CENTER>");
document.write("<H1>Guten ");
if (hrs < 6)
document.write("(Early) Morgen");
else if (hrs < 12)
document.write("Morgen");
else if (hrs <= 18)
document.write("Tag");
else
document.write("Abend");
document.writeln("!</H1>");
document.writeln("</CENTER>");
document.writeln("<FORM NAME='clock' onSubmit='0'>");
document.writeln("<DIV ALIGN=CENTER>");
document.writeln("<INPUT TYPE='text' NAME='face' SIZE=14 VALUE=''>");
document.writeln("</DIV>");
document.writeln("<FONT SIZE=-4>");
}

function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}

function calendar() {
var monthNames = "JanFebMärAprMaiJunJulAugSepOktNovDez";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Name = navigator.appName;
if ( Name == "Netscape" ) {
century = 1900;
} else {
century = 0;
}
year = today.getYear() + century;
thisDay = today.getDate();
// leap year calculation
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
// figure out how many days this month will have...
nDays = monthDays[today.getMonth()];
// and go back to the first day of the month...
firstDay = today;
firstDay.setDate(1);
// and figure out which day of the week it hits...
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3, (today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>");
document.write("Sonntag<TH>Montag<TH>Dienstag<TH>Mittwoch<TH>Donnerstag<TH>Freitag<TH>Samstag");
// now write the blanks at the beginning of the calendar
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++) {
document.write("<TD><FONT SIZE+=4>");
column++;
document.write("</font>");
}
for (i=1; i<=nDays; i++) {
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR=\"#FF0000\" SIZE+=4>")
document.write(i);
if (i == thisDay)
document.write("</font>")
column++;
if (column == 7) {
document.write("<TR>"); // start a new row
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}

greeting();
calendar();
document.write("</font>");
// --End Hiding Here -->
</script>

[Autor]

Michael P. Scholtis

[Download]

Kopieren Sie bitte den Scriptcode

Copyright © 1998- Nightfire Webworker Archiv Script No: 0019