Balkenuhr - Website X5 Hilfe - Die Helpsite

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

Balkenuhr

Scripte > Daytime

Javascript Balkenuhr

Diese Uhr benötigt ein wenig mehr Platz auf der Homepage, ist dafür aber auch ein Hingucker.

Alle Textelemente und Funktionen können über die Style-Informationen der Homepage oder im HTML-Code angepasst werden, wie Textgröße, -farbe und -form.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren.
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!
Stunden:
Minuten:
Sekunden:
Zeit:
Code für den <HEAD> Bereich
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj174_0/barclock.css" />
<script src="wsX5Obj/Obj174_0/barclock.js"></script>
Code für den <BODY> Bereich
<div align="center">
<form id="Obj174">
<table class="Obj174a" cellspacing="0" cellpadding="3">
<tr>
<td class="Obj174c" align="left">Stunden:</td>
<td class="Obj174b"><input class="Obj174d" readonly style="color:#FF7F00" type="text" id="Std"></td>
<td class="Obj174b"><input readonly class="Obj174f" type="text" id="hours" style="color:#FF7F00"></td>
</tr>
<tr>
<td class="Obj174c" align="left">Minuten:</td>
<td class="Obj174b"><input class="Obj174d" readonly style="color:#00C070" type="text" id="Min"></td>
<td class="Obj174b"><input readonly class="Obj174f" type="text" id="minutes" style="color:#00C070"></td>
</tr>
<tr>
<td class="Obj174c" align="left">Sekunden:</td>
<td class="Obj174b"><input class="Obj174d" readonly style="color:#0090E0" type="text" id="Sec"></td>
<td class="Obj174b"><input readonly class="Obj174f" type="text" id="seconds" style="color:#0090E0"></td>
</tr>
<tr>
<td class="Obj174c" align="left">Zeit:</td>
<td align="center" colspan="2">
<input class="Obj174e" readonly type="text" id="Zeit"></td>
</tr>
</table>
</form>
</div>
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 83 Heute
» 203 Gestern
» 507 Woche
» 2507 Monat
» 137424 Jahr
» 465180 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt