<script LANGUAGE="JavaScript">
// copyright by N8i (http://www.nightfire.ch)
<!-- Begin
// Preload der Grafiken
var mond = new Image(); mond.src="mond.gif";
var sonne = new Image(); sonne.src="sonne.gif";

function clock() {
//Browser Sniffer
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var mozup = (!document.all && document.getElementById) ? 1 : 0;

var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
// Tageszeit- Grafik
var grafik = "jsimages/sonne.gif"
// wann wird welche Grafik angezeigt?
if (hours < 7 || hours > 20) grafik = "jsimages/mond.gif"
// Zeitanzeige
if (hours > 11) amOrPm = "PM";
// if (hours > 12) hours = hours - 12;
// if (hours == 0) hours = 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds + "<br><img src='" + grafik + "'>";
if (ns4up) {
document.layers.pendule.document.write(dispTime);
document.layers.pendule.document.close();
}
if (ie4up)
pendule.innerHTML = dispTime;
if (mozup)
document.getElementById("pendule").innerHTML = dispTime;
setTimeout("clock()", 1000);
}
// End -->
</script>

onLoad="clock()"

<span id="pendule" style="position:absolute;left:300;top:20;"></span>

Nightfire himself

Kopieren Sie bitte den Code

Wir haben im Beispiel folgende Grafiken verwendet: