Uhr - Beispiel für JavaScript-Programmierung

Da ist sie:


Voraussetzungen in dieser HTML-Seite:
Einbindung der Datei uhr.js im head-Bereich:
<script type="text/javascript" src="uhr.js"></script>

Starten der Uhr im body-tag:
onLoad="uhr_Init(document.UhrFormular.UhrFeld)"

Die Erzeugung des Formulars mit dem Ausgabefeld:
<form name="UhrFormular">
<input name="UhrFeld" maxlength="40" size="40" readonly>
</form>


Inhalt der Datei uhr.js:
uhr_Tage=new Array("Sonntag","Montag","Dienstag","Mittwoch",
                   "Donnerstag","Freitag","Samstag");
uhr_Monate=new Array("Januar","Februar","Maerz","April","Mai","Juni","Juli",
                     "August","September","Oktober","November","Dezember");
var uhr_Tag="";
var uhr_Monat="";
var uhr_Zeichenkette="";
var uhr_Ziel;

function uhr_MachZeit()
{
  var jetzt=new Date();
  var Tag=jetzt.getDate();
  var Monat=jetzt.getMonth();
  var Jahr=jetzt.getYear();
  if (Jahr<1900)
    Jahr+=1900;
  var Stunde=jetzt.getHours();
  var Minute=jetzt.getMinutes();
  var Sekunde=jetzt.getSeconds();
  var Wochentag=jetzt.getDay();
  uhr_Tag=uhr_Tage[Wochentag];
  uhr_Monat=uhr_Monate[Monat];
  uhr_Zeichenkette=uhr_Tag+", ";
  if (Tag<10)
    uhr_Zeichenkette+="0";
  uhr_Zeichenkette+=Tag+"."+uhr_Monat+" "+Jahr+" ";
  if (Stunde<10)
    uhr_Zeichenkette+="0";
  uhr_Zeichenkette+=Stunde+":";
  if (Minute<10)
    uhr_Zeichenkette+="0";
  uhr_Zeichenkette+=Minute+":";
  if (Sekunde<10)
    uhr_Zeichenkette+="0";
  uhr_Zeichenkette+=Sekunde;
  return uhr_Zeichenkette;
}

function uhr_Init(Ziel)
{
  uhr_Ziel=Ziel;
  ZeitSchleife();
}

function ZeitSchleife()
{
  uhr_Ziel.value=uhr_MachZeit();
  window.setTimeout("ZeitSchleife()",500); /*Die Anweisung für die Zeitsteuerung*/
}
Autor: Ulrich Kritzner