Zeitanzeige mit Schatten

Beim folgenden Javascript könnt ihr euch eine Uhrzeit- und Datumsanzeige ausgeben lassen, die auch einen Schatten mit darstellt.

Dabei können die Farbe der Schrift, die Farbe des Schattens und auch die Größe der Schrift am Anfang des Scripts angepasst werden. Die Farbtabelle findet ihr hier.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var groesse = 40; // Größe des Textes var farbe = '#333333'; var schatten = '#999999'; Wochentagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); document.write('<div style="position: relative">'); document.write('<div id="shade" style="position:absolute;top:3px;left:3px;font-family:Arial;color:'+schatten+';font-size:'+groesse+'px;"></div>'); document.write('<div id="noshade" style="position:absolute;top:0px;left:0px;font-family:Arial;color:'+farbe+';font-size:'+groesse+'px;"></div>'); document.write('</div>'); function ZeitAnzeigen() { var Jetzt = new Date(); var Tag = Jetzt.getDate(); var Monat = Jetzt.getMonth() + 1; var msJahr = Jetzt.getYear(); var nsJahr = Jetzt.getYear(); var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes(); var Sekunden = Jetzt.getSeconds(); var WoTag = Jetzt.getDay(); if (nsJahr <= 1900) { nsJahr += 1900; } var Vortag = ((Tag < 10) ? "0" : ""); var Vormon = ((Monat < 10) ? ".0" : "."); var Vorstd = ((Stunden < 10) ? "0" : ""); var Vormin = ((Minuten < 10) ? ":0" : ":"); var Vorsek = ((Sekunden < 10) ? ":0" : ":"); var msDatum = Vortag + Tag + Vormon + Monat + "." + msJahr; var nsDatum = Vortag + Tag + Vormon + Monat + "." + nsJahr; var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden; var msJetzt = msDatum + " " + Wochentagname[WoTag] + " " + Uhrzeit; var nsJetzt = nsDatum + " " + Wochentagname[WoTag] + " " + Uhrzeit; document.getElementById('shade').innerHTML = nsJetzt; document.getElementById('noshade').innerHTML = nsJetzt; setTimeout("ZeitAnzeigen()",1000); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/datum-und-uhrzeit/zeitanzeige-mit-schatten/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">ZeitAnzeigen();</script> <!-- präsentiert von kostenlose-javascripts.de -->