DIGIUHR

ANWENDUNGSBEISPIEL

Zurück zur Script-Auswahl oder dieses Script-Archiv laden?

EINBINDUNG DES SCRIPTS IN DEINE HOMEPAGE:

Falls Du das Script-Archiv bereits geladen hast, so brauchst Du jetzt nicht mehr weiterzulesen. Das Archiv enthält diese Beispieldatei (digiuhr.htm) und kann deshalb auch Offline durchgesehen werden.


  Das vorliegende Script besteht aus drei Teilen:
    1. dem Quelltext,
    2. dem "onLoad"-Event-Handler und
    3. dem Ausgabebefehl.
    Um das Script einfach in Deine HomePage zu bekommen, gehst Du am Besten folgendermaßen vor:
    Du markierst am Bildschirm weiter unten die drei blauen Textabschnitte mit der Maus,
    stellst sie jeweils mit Ctrl-C in die Zwischenablage und kopierst sie dann
    mit Ctrl-V in Deine HTML-Seite.
  
  1. Der Quelltext eines JAVA-Scripts sollte grundsätzlich im "HEAD"-Teil einer HTML-Seite stehen. Nur so ist sichergestellt,
    daß das Script abgearbeitet erfaßt wurde, bevor vom Anwender irgendeine Aktion gestartet werden kann.
    Groß- und Kleinschreibung muß beachtet werden!
    Der Quelltext zum Einbinden in Deine HTML-Seite lautet in diesem Beispiel so:
    <SCRIPT language="JavaScript">
      <!-- begin// Für alte Browser verstecken

      var timerID = null;
      var timerRunning = false;
      function stopclock (){
              if(timerRunning)
                      cleartimeout(timerID);
                      timerRunning=false;
      }
      function startclock (){
              stopclock();
              showtime();
      }
      function makeObject(){
              return this;
      }
      function showtime (){
	      var now = new Date();

              var hours = now.getHours();
              var minutes = now.getMinutes();
              var seconds = now.getSeconds();
              timeValue =  ((hours < 10) ? "0": "") + hours;
              timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
              timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
              document.clock.Zeit.value = timeValue;
              timerID = setTimeout("showtime()",1000);
              timerRunning = true;
      }

      // end -->
    </script>
  Hinweise zur individuellen Anpassung
    Im Script läßt sich nichts anpassen.
   

  2. Weiterhin gehört in den Body-Tag ein "onLoad"-Event-Handler. Im vorliegenden Beispiel sieht dieser so aus:
    <BODY BGCOLOR="BLACK" TEXT="WHITE" LINK="AQUA" VLINK="AQUA" onLoad="startclock()">
  

  3. Jetzt ist alles vorbereitet und die Digitaluhr kann ausgegeben werden. Dazu stellst Du folgenden Code an die
    gewünschte Stelle im Body-Teil Deiner HTML-Seite:
            <FORM name="clock" onSubmit="0">
                  Jetzt ist es laut Deinem PC:
                  <INPUT type="text" name="Zeit" value="NoJava" size=6>
            </FORM>
    Der "VALUE=.."-Parameter enthält den Text der ausgegeben wird, falls Java-Script deaktiviert wurde,
    der "SIZE=.."-Parameter bestimmt die Länge des Ausgabefensters und kann von Dir angepaßt werden.
  
  ZUSATZ:
   In der HTML-Version 4.0 werden folgende Änderungen eingefügt:
   1. Im Head-Teil sollte ein Meta-Tag mit folgendem Aufbau stehen:
       <META http-equiv="Content-Script-Type" content="text/javascript">
   2. Der Start-Tag für das Script wurde verändert. Er lautet jetzt:
        <script type="text/javascript">

   Der alte Aufbau ist jedoch auch weiterhin funktionsfähig.

Der Autor dieses Scripts ist mir nicht bekannt.