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.
In der Datei "texttime.css" kann der Style wie Textgröße, -farbe und -form individuell gestaltet und der Homepage angepasst 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 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
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj16_0/texttime.css" />
<script src="wsX5Obj/Obj16_0/texttime.js"></script>
Code für den <BODY> Bereich
<div align="center">
<div id="uhr" class="Obj16b">Uhrzeitanzeige</div>
<script type="text/javascript">Obj16();</script>
</div>
Code Datei "texttime.css"
/* Uhrzeitanzeige Textfarbe und -höhe */
.Obj16a { color: #DB0D00; font-weight: bold; font-size: 30px; }
/* Standardanzeige Ränder, Textfarbe und -höhe, Blockweite */
.Obj16b { width: 750px; line-height: 100%; text-align: justify; font-size: 20px; color: #999999;
white-space: pre-line; background-color: #fff; border: 2px solid #999999; margin: 20px;
padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }
Code Datei "texttime.js"
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)
}
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 3 Online
» 87 Heute
» 221 Gestern
» 308 Woche
» 2308 Monat
» 137225 Jahr
» 464981 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt