© 1998 Werner Jakob
Beschreibung: Über das Date()-Objekt wird die Uhrzeit des PC's ausgelesen.
Anschließend über Grafikobjekte die Anzeige realisiert.

Programmcode:

<html>
<head>
<title>Digitale Uhr</title>
<script language="JavaScript
">
<!--
function start()
{
    uhr=new Date();     //Erzeugen des Date()-Objektes
   
hh=uhr.getHours();     //Stunden holen
   
mm=uhr.getMinutes();     //Minuten holen
   
ss=uhr.getSeconds();     //Sekunden holen
   
var hh1;    //Abfragevariable ob sich in der Zwischenzeit die Zeit geändert hat geändert hat
   
var mm1;
    var ss1;
    if (hh!=hh1)
     //Falls sich die Stunde geändert hat, Grafik berechnen und anzeigen
   
{
       
t1=Math.floor(hh/10);     //Nächst niedrige Ganzzahl von Stunden/10
       
t2=hh%10;     //Rest der Division aus Stunden / 10
       
document.z1.src=t1+".gif"     //Grafiknummer berechnen
       
document.z2.src=t2+".gif";
       
hh1=hh;
   
}
    if (mm!=mm1)
    {
        t1=Math.floor(mm/10);
        t2=mm%10;
        document.z3.src=t1+".gif"
        document.z4.src=t2+".gif";
        mm1=mm;
    }
    if (ss!=ss1)
    {
        t1=Math.floor(ss/10);
        t2=ss%10;
        document.z5.src=t1+".gif"
        document.z6.src=t2+".gif";
        ss1=ss;
   
}
   
window.setTimeout("start()",1000);    //Funktion wieder von Vorne starten, dabei 1 Sekunde warten
 }
// -->
</script>
</head>
<body bgcolor="#D8D8D8">
<p>
<img src="0.gif" name="z1" width="29" heigth="41"
alt="0.gif (1543 Byte)">
<img src="0.gif" name="z2" width="29" heigth="41" alt="0.gif (1543 Byte)">
<img src="dp.gif
" width="29" heigth="41"
alt="dp.gif (1559 Byte)">
<img src="0.gif" name="z3" width="29
" heigth="41"
alt="0.gif (1543 Byte)">
<img src="0.gif" name="z4" width="29" heigth="41"
alt="0.gif (1543 Byte)">
<img src="dp.gif" width="29" heigth="41" alt="dp.gif (1559 Byte)">
<
img src="0.gif" name="z5"
width="29" heigth="41" alt="0.gif (1543 Byte)">
<img src="0.gif"
name="z6" width="29
" heigth="41" alt="0.gif (1543 Byte)">
</p>
<script language="JavaScript
">
<!--
start();    
//Funktion zum erstenmal starten, nachdem die Grafiken angezeigt sind.
// -->
</script>

</body>
</html>