Textuhr - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Textuhr

Scripte > Attachment

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.
Natürlich kann der Style wie Textgröße, -farbe und -form individuell gestaltet werden.
In der zum Download bereit gestellten ZIP-Datei befindet sich auch eine ausführbare "texuhr.html" die zuvor nach eigenen Bedürfnissen angepasst werden kann. Den angepassten/geänderten Code dann einfach in die Homepage einfügen.

Uhrzeitanzeige

Code für das HTML-Objekt:

[Objekt HTML]

<script type="text/javascript">
function textuhr() {

var hl=
"<span style='color:#DB0D00; font-weight:bold; font-size:30px;'>"; // Style der tatsächlichen Uhrzeit
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("textuhr()",1000)
}
</script>

<!-- Hier Standardanzeige Textfarbe, -höhe, und Blockweite einstellen -->
<div id="uhr" style="line-height:100%; text-align:justify; font-size:20px; color:#999999; white-space:pre-line; width:400px;">Uhrzeitanzeige</div>

<script type="text/javascript">textuhr();</script>

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 8 Online
 » 219 Heute
 » 979 Woche
 » 3766 Monat
 » 52994 Jahr
 » 299572 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü