Digital-Uhr - Website X5 Hilfe - Die Helpsite

Website hundertprozent CO2 neutral mit Host Europe
Direkt zum Seiteninhalt

Hauptmenü

Digital-Uhr

Scripte > Attachment


Digital-Uhr mit austauschbaren Digits.

JavaScript

Hier ein einfaches Script, um eine Digital-Uhr auf die Homepage zu stellen.
Es wird nur der Eintrag in das HTML-Objekt benötigt, dass dann nur noch an der entsprechenden Stelle plaziert werden muss. Die entsprechenden Imagedateien (Digits) einfach auf den Server in das Verzeichnis "images" kopieren.
In der ZIP-Datei befinden sich außerdem noch verschiedene Digits-Verzeichnisse, um das Aussehen der Digital-Uhr der Webseite anpassen zu können.
Achtung! Im Script nach dem Aufruf "function uhrEinfuegen()" werden die Dateinamen der Imagedateien (Digits) eingetragen (9 Einträge). Diese können gemäß den beigefügten Verzeichnissen abweichen.

Button Download Script


Code für das HTML-Objekt:

<script language="JavaScript">
 <!--
 var ziffern;
 var timerID;
 
 function uhrEinfuegen() {
   document.write('<IMG NAME="stundenZehner" SRC="images/digi0.gif">');
   document.write('<IMG NAME="stundenEiner" SRC="images/digi0.gif">');
   document.write('<IMG SRC="images/digi_dp.gif">');
   document.write('<IMG NAME="minutenZehner" SRC="images/digi0.gif">');
   document.write('<IMG NAME="minutenEiner" SRC="images/digi0.gif">');
   document.write('<IMG SRC="images/digi_dp.gif">');
   document.write('<IMG NAME="sekundenZehner" SRC="images/digi0.gif">');
   document.write('<IMG NAME="sekundenEiner" SRC="images/digi0.gif">');

   ziffern = Array(10);
   for(var i = 0; i < 10; i++) {
     ziffern[i] = new Image;
     ziffern[i].src = 'images/digi' + i + '.gif';
   }

   timerID = setTimeout('uhrAktualisieren()', 1000);   
 }

 function uhrAktualisieren() {
   var zeit = new Date();
   var stunden = zeit.getHours();
   var minuten = zeit.getMinutes();
   var sekunden = zeit.getSeconds();

   document.stundenZehner.src = ziffern[Math.floor(stunden / 10)].src;
   document.stundenEiner.src = ziffern[stunden % 10].src;
   document.minutenZehner.src = ziffern[Math.floor(minuten / 10)].src;
   document.minutenEiner.src = ziffern[minuten % 10].src;
   document.sekundenZehner.src = ziffern[Math.floor(sekunden / 10)].src;
   document.sekundenEiner.src = ziffern[sekunden % 10].src;

   timerID = setTimeout('uhrAktualisieren()', 1000);    
 }
 // -->
 </script> <script language="JavaScript">
 <!--
    uhrEinfuegen();
 // -->
 </script>

 
Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
 

© 2009 - 2012

Suche



  Besucher Statistik
 » 5 Online
 » 62 Heute
 » 608 Woche
 » 1691 Monat
 » 12263 Jahr
 » 26365 Gesamt
Rekord: 273 (24.04.2012)
Newsletter
Zurück zum Seiteninhalt | Zurück zum Hauptmenü