Textuhr - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Textuhr

Scripte > Daytime

Eine einfache Uhr im Textformat

Eine Uhr auf der Homepage ist heutzutage nichts besonderes. Dafür um so mehr diese textbasierte Uhr.
Das ist ein Hingucker auf der eigenen Webseite.
Es ist nur ein einziger Javascript-Code im Body einzufügen und ein wenig Style-Informationen zur Anpassung an die Homepage. Natürlich kann der Style wie Textgröße, -farbe und -form individuell gestaltet werden.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken.
HEAD-Code in den HEAD-Bereich <head>...</head> und HTML-Code in den BODY-Bereich <body>...</body> der aufrufende Datei einfügen.
Eine demo.html ist jeweils beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.
Download Button
x runter geladen!
Uhrzeitanzeige
Code für den <HEAD> Bereich
<style type="text/css">
.Obj16a { color: #DB0D00; font-weight: bold; font-size: 30px; }
.Obj16b {
line-height: 100%;
text-align: justify;
font-size: 20 px;
color: #999999;
white-space:
pre-line; width: 400 px;
}
</style>
Code für den <BODY> Bereich
<div align="center">
<script type="text/javascript">
function Obj16() {
var hl="<span class='Obj16a'>";
var he="</span>";
var zahl="";
var text="";
var nachts=0;
var tageszeit="";
var points=".....";
var Datum = new Date();
var Stunden = Datum.getHours();
var Minuten = Datum.getMinutes();
var Sekunden = Datum.getSeconds();
if (Minuten >=0) {
text="gleich fünf zehn viertel zwanzig kurz nach vor halb";}
if (Minuten >1) {
text="gleich fünf zehn viertel zwanzig "+hl+"kurz nach"+he+" vor halb";}
if (Minuten >4) {
text="gleich " +hl+ "fünf" +he+ " zehn viertel zwanzig kurz "+hl+"nach"+he+" vor halb";}
if (Minuten >9) {
text="gleich fünf " +hl+ "zehn" +he+ " viertel zwanzig kurz "+hl+"nach"+he+ " vor halb";}
if (Minuten >14) {
text="gleich fünf zehn " +hl+ "viertel" +he+ " zwanzig kurz "+hl+"nach" +he+ " vor halb";}
if (Minuten >19) {
text="gleich fünf zehn viertel " +hl+ "zwanzig" +he+ " kurz "+hl+"nach" +he+ " vor halb";}
if (Minuten >24) {
text="gleich " +hl+ "fünf" +he+ " zehn viertel zwanzig kurz nach" +hl+ " vor halb"+he;}
if (Minuten >29) {
text="gleich fünf zehn viertel zwanzig kurz nach vor" +hl+" halb"+he;}
if (Minuten >34) {
text="gleich "+hl+"fünf"+he+" zehn viertel zwanzig kurz "+hl+"nach"+he+" vor "+hl+"halb"+he;}
if (Minuten >39) {
text="gleich fünf zehn viertel "+hl+"zwanzig"+he+" kurz nach " +hl+"vor"+he+" halb";}
if (Minuten >44) {
text="gleich fünf zehn "+hl+"viertel"+he+" zwanzig kurz nach " +hl+"vor"+he+" halb";}
if (Minuten >49) {
text="gleich fünf "+hl+"zehn"+he+" viertel zwanzig kurz nach " +hl+"vor"+he+" halb";}
if (Minuten >54) {
text="gleich "+hl+"fünf"+he+" zehn viertel zwanzig kurz nach " +hl+"vor"+he+" halb";}
if (Minuten >58) {
text=hl+"gleich"+he+" fünf zehn viertel zwanzig kurz nach vor halb";}
if (Minuten >24) {Stunden=Stunden+1;}
if (Stunden >12) {Stunden=Stunden-12;nachts=1;}
if (Stunden == 1) {
zahl=hl+"eins"+he+" zwei drei vier fünf sechs sieben acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 2) {
zahl="eins "+hl+"zwei"+he+" drei vier fünf sechs sieben acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 3) {
zahl="eins zwei "+hl+"drei"+he+" vier fünf sechs sieben acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 4) {
zahl="eins zwei drei "+hl+"vier"+he+" fünf sechs sieben acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 5) {
zahl="eins zwei drei vier "+hl+"fünf"+he+" sechs sieben acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 6) {
zahl="eins zwei drei vier fünf "+hl+"sechs"+he+" sieben acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 7) {
zahl="eins zwei drei vier fünf sechs "+hl+"sieben"+he+" acht neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 8) {
zahl="eins zwei drei vier fünf sechs sieben "+hl+"acht"+he+" neun zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 9) {
zahl="eins zwei drei vier fünf sechs sieben acht "+hl+"neun"+he+" zehn elf zwölf "+hl+"uhr"+he;}
if (Stunden == 10) {
zahl="eins zwei drei vier fünf sechs sieben acht neun "+hl+"zehn"+he+" elf zwölf "+hl+"uhr"+he;}
if (Stunden == 11) {
zahl="eins zwei drei vier fünf sechs sieben acht neun zehn "+hl+"elf"+he+" zwölf "+hl+"uhr"+he;}
if (Stunden == 12) {
zahl="eins zwei drei vier fünf sechs sieben acht neun zehn elf "+hl+"zwölf"+he+" "+hl+"uhr"+he;}
while(Minuten>5) {Minuten=Minuten-5;}
if (Minuten == 1) {points=hl+"."+he+"....";}
if (Minuten == 2) {points=hl+".."+he+"...";}
if (Minuten == 3) {points=hl+"..."+he+"..";}
if (Minuten == 4) {points=hl+"...."+he+".";}
tageszeit="mittags nachts";
if (nachts==0) {
if (Stunden == 12){tageszeit=hl+"mittags"+he+" nachts";}
if (Stunden == 1) {tageszeit="mittags "+hl+"nachts"+he;}
if (Stunden == 2) {tageszeit="mittags "+hl+"nachts"+he;}
if (Stunden == 3) {tageszeit="mittags "+hl+"nachts"+he;}
if (Stunden == 4) {tageszeit="mittags "+hl+"nachts"+he;}
if (Stunden == 5) {tageszeit="mittags "+hl+"nachts"+he;}
}
if (nachts==1) {
if (Stunden == 12){tageszeit="mittags "+hl+"nachts"+he;}
}
document.getElementById("uhr").innerHTML =
"<p style='line-height:25px;'>"+hl+"es ist"+he+" "+text+ " "+zahl+" "+ tageszeit +points+"</p>";
timerID = setTimeout("Obj16()",1000)
}
</script>
<div id="uhr" class="Obj16b">Uhrzeitanzeige</div>
<script type="text/javascript">Obj16();</script>
</div>
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 41 Heute
» 158 Gestern
» 199 Woche
» 3808 Monat
» 127178 Jahr
» 454934 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt