Digital Uhren - Website X5 Hilfe - Die Helpsite

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

Digital Uhren

Scripte > Daytime

Digital-Uhren in vielfältiger Auswahl

Ob Javascript oder Flash, ob groß oder klein - eine kleine Auswahl an digitalen Uhren. Diese Uhren sind im handumdrehen auf der Homepage eingebaut.
Bei Flash-Uhren wird der Adobe Flashplauer benötigt, der bei fast jedem Nutzer bereits installiert ist. Je nach Einstellung im Browser muss dieser für das Skript (oder alle Skripte) zugelassen werden.
Die Uhren können individuell nach Bedarf über die Style-Eigenschaften an die Homepage angepasst werden. Dazu in der CSS-Datei oder in der Jacascript-Datei der jeweiligen Uhr die Anpassungen durchführen und ggf. auch die Hinweise beachten.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren.
Je nach einzubauender Uhr den Javascript-Code in den HEAD-Bereich <head>....</head>, START-Code in den Bodytag <body onload="..."> 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 (nicht bei Flash-Uhren).
Download Button
x runter geladen!

Javascript Digitime1

Javascript Digitime2

Javascript-Digitime3

Javascript-Digitime4

Javascript-Digitime5

Flash-Adult Digitime

Codes Javascript Digitime1:

Code für den <HEAD> Bereich
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj18_0/digitime.css" />
<script src="wsX5Obj/Obj18_0/digitime1.js"></script>
Code für den <BODY> Tag
onload="Obj18_1();"

Wer nicht mit Website X5 arbeitet:
<body onload="Obj18_1()();">
Code für den <BODY> Bereich
<nobr>
<!-- Hier können die DIGITS angepasst werden -->
   <img class="Obj18_1a" name="HZ" src="wsX5Obj/Obj18_0/digits/digi_color/digi.gif">
   <img class="Obj18_1a" name="HE" src="wsX5Obj/Obj18_0/digits/digi_color/digi.gif">
   <img class="Obj18_1b" name="DP" src="wsX5Obj/Obj18_0/digits/digi_color/digi.gif">
   <img class="Obj18_1a" name="MZ" src="wsX5Obj/Obj18_0/digits/digi_color/digi.gif">
   <img class="Obj18_1a" name="ME" src="wsX5Obj/Obj18_0/digits/digi_color/digi.gif">
</nobr>

Codes Javascript Digitime2:

Code für den <HEAD> Bereich
<script src="wsX5Obj/Obj18_0/digitime2.js"></script>
Code für den <BODY> Tag
onload="Obj18_2();"

Wer nicht mit Website X5 arbeitet:
<body onload="Obj18_2()();">
Code für den <BODY> Bereich
<script>
<!--
var ziffern;
var timerID;
function uhrEinfuegen() {
// Hier können die DIGITS angepasst werden
document.write('<img name="stundenZehner" src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi0.gif">');
document.write('<img name="stundenEiner" src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi0.gif">');
document.write('<img src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi_dp.gif">');
document.write('<img name="minutenZehner" src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi0.gif">');
document.write('<img name="minutenEiner" src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi0.gif">');
document.write('<img src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi_dp.gif">');
document.write('<img name="sekundenZehner" src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi0.gif">');
document.write('<img name="sekundenEiner" src="wsX5Obj/Obj18_0/digits/digi_green-smal/digi0.gif">');
ziffern = Array(10);
for(var i = 0; i < 10; i++) {
ziffern[i] = new Image;
// Hier dann auch die DIGITS angepassen
ziffern[i].src = 'wsX5Obj/Obj18_0/digits/digi_green-smal/digi' + i + '.gif';
}
timerID = setTimeout('uhrAktualisieren()', 1000);   
}
function uhrAktualisieren() {
var zeit = new Date();
var stunden = zeit.getHours();
var minuten = zeit.getMinutes();
var sekunden = zeit.getSeconds();
document.stundenZehner.src = ziffern[Math.floor(stunden / 10)].src;
document.stundenEiner.src = ziffern[stunden % 10].src;
document.minutenZehner.src = ziffern[Math.floor(minuten / 10)].src;
document.minutenEiner.src = ziffern[minuten % 10].src;
document.sekundenZehner.src = ziffern[Math.floor(sekunden / 10)].src;
document.sekundenEiner.src = ziffern[sekunden % 10].src;
timerID = setTimeout('uhrAktualisieren()', 1000);    
}
// -->
</script>
<script>
<!--
uhrEinfuegen();
// -->
</script>

Codes Javascript Digitime3:

Code für den <HEAD> Bereich
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj18_0/digitime.css" />
<script src="wsX5Obj/Obj18_0/digitime3.js"></script>
Code für den <BODY> Bereich
<center>
<div id="Obj18_3"></div>
</center>

Codes Javascript Digitime4:

Code für den <HEAD> Bereich
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj18_0/digitime.css" />
Code für den <BODY> Bereich
<div align="center">
<form class="Obj18_4a" name="Obj18_form">
<input class="Obj18_4b" type="txt" name="Obj18_input">
</form>
<script>
function Obj18_4() {
var Today = new Date();
var hours = Today.getHours();
var min = Today.getMinutes();
var sec = Today.getSeconds();
var Time = ((hours > 12) ? hours - 12 :(hours == 0) ? 12 :hours);
Time += ((min < 10) ? ":0" : ":") + min;
Time += ((sec < 10) ? ":0" : ":") + sec;
Time += (hours <= 24) ? " AM" : " PM";
this.Obj18_form.Obj18_input.value = Time;
setTimeout("Obj18_4()",1000);
}
Obj18_4();
</script>
</div>

Codes Javascript Digitime5:

Code für den <HEAD> Bereich
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj18_0/digitime.css" />
Code für den <BODY> Bereich
<div id="Obj18_5a" class="Obj18_5b"></div>
<script>
function Obj18_5() {
var currentTime = new Date();
var diem = "AM";
var h = currentTime.getHours();
var m = currentTime.getMinutes();
var s = currentTime.getSeconds();
setTimeout('Obj18_5()',1000);
if (h == 0) {
h = 12;
} else if (h > 12) {
h = h - 12;
diem="PM";
}
if (h < 10) {
h = "0" + h;
}
if (m < 10) {
m = "0" + m;
}
if (s < 10) {
s = "0" + s;
}
var myClock = document.getElementById('Obj18_5a');
myClock.textContent = h + ":" + m + ":" + s + " " + diem;
myClock.innerText = h + ":" + m + ":" + s + " " + diem;
}
Obj18_5();
</script>

Codes Flash-Adult Digitime:

Code für den <BODY> Bereich
<!-- In dieser Zeile die Größe anpassen (width= und height=) -->
<object data="wsX5Obj/Obj18_0/digitime.swf" type="application/x-shockwave-flash" width="150" height="50">
   <param name="movie" value="wsX5Obj/Obj18_0/digitime.swf" />
   <param name="menu" value="false" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#FF0000" /> <!-- Hintergrundfarbe -->
   <param name="wmode" value="direct" />
</object>

CSS-Codes alle Skripte:

Code Datei "digitime.css"
/* CSS Digitime1 (je nach Digits widht: + height: ensprechend anpassen) */
.Obj18_1a { width: 20px; height: 30px; border: 0; }
.Obj18_1b { width: 10px; height: 30px; border: 0; }
/* CSS Digitime3 (Anpassung an Homepage und Balkenbreie) */
#Obj18_3 {
position: relative;
width: 600px;
border: 2px solid #000000;
text-align: center;
padding: 6px;
font-family: Tahoma;
color: #00E090;
font-size:24px;
background-color: #5F5F5F;
}
/* CSS Digitime4 (Anpassung an Homepage) */
.Obj18_4a { width: 145px; background-color: #B30607; border: 2px solid #000; padding: 12px; text-align: center; }
.Obj18_4b {
width: 145px;
font-family: tahoma;
font-size: 20px;
color: #000;
font-weight: bold;
text-align: center;
background-color: #B30607;
border: none;
}
/* CSS Digitime5 (Anpassung an Homepage) */
.Obj18_5b {
background-color: #000;
border: #999 2px inset;
padding: 6px;
color: #B30607;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
display: inline;
}
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 3 Online
» 73 Heute
» 342 Gestern
» 839 Woche
» 2839 Monat
» 137756 Jahr
» 465512 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt