Automatische Aktualisierung - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Automatische Aktualisierung

Scripte > Snipped


Hier wird tageweise rückwärts gezählt.

Möchte man einen gewissen Zeitpunkt attraktiv machen, kommt man an einen Countdown nicht vorbei.

Analoger Countdown
Dieser ist einfach gehalten und kann textlich angepasst werden. Einfach einen Tag nach dem Stichtag als Zieldatum eingeben und los geht die Zählung.
Textgröße und -farbe können entsprechend angepasst werden. Den Code einfach in ein HTML-Objekt einfügen.

Zum Gästebuch in

Sekunden.
Noch * Stunden bis zum 24 Dezember 2013 / 16:30 Uhr.
Noch Tage bis Weihnachten


Code für das HTML-Objekt:

<p style="font-family:tahoma;">
Noch
<a style="font-size:16px;color:#ff0000;">

<script type="text/javascript">
// Countdown
// Achtung: amerikanische Notation des Datums

var eventdate = new Date("January 1, 2013 00:00:00 GMT");
var d=new Date();
var count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
document.write(count);
</script>

Tage</a>
bis zum Jahr 2013.</p>



Digitaler Countdown
Es wird ein Eintrag in das "HTML-Objekt", "Vor dem </HEAD> Tag" und "Innerhalb des <BODY> Tag" benötigt. Die entsprechenden Imagedateien (Digits) einfach auf den Server in das Verzeichnis "images" kopieren.
In der ZIP-Datei befinden sich außerdem noch verschiedene Digits-Verzeichnisse, um das Aussehen des Zählers der Webseite anpassen zu können.
Achtung! Die Imagedateien (Digits) können gemäß den beigefügten Verzeichnissen abweichen. Entweder die Imagedateien entsprechend dem HTML-Code umbenennen oder die Script-Pfade namentlich anpassen.

Noch     bis zum Jahr 2014.

(Tage : Stunden : Minuten : Sekunden)



Code innerhalb BODY-Tag:

onload="getTime();window.setTimeout('getSecs()',1)";


Wer nicht mit Website X5 arbeitet:
<body onload="getTime();window.setTimeout('getSecs()',1)";>


Code für den HEAD-Bereich:

<SCRIPT LANGUAGE="JavaScript">
function getTime() {
c1 = new Image(); c1.src = "images/digi1.gif";
c2 = new Image(); c2.src = "images/digi2.gif";
c3 = new Image(); c3.src = "images/digi3.gif";
c4 = new Image(); c4.src = "images/digi4.gif";
c5 = new Image(); c5.src = "images/digi5.gif";
c6 = new Image(); c6.src = "images/digi6.gif";
c7 = new Image(); c7.src = "images/digi7.gif";
c8 = new Image(); c8.src = "images/digi8.gif";
c9 = new Image(); c9.src = "images/digi9.gif";
c0 = new Image(); c0.src = "images/digi0.gif";
Cc = new Image(); Cc.src = "images/digi_dp.gif";
now = new Date();

//Hier das Datum eingeben:
later = new Date("Jan 1 " + (parseInt(new Date().getFullYear())+1) + " 00:00:00");

days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);

if (secondsRound <= 9) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}
</script>



Code für das HTML-Objekt:

<p style="font-family:tahoma;">
<table><tr><td bgcolor="black" valign="bottom">
Noch noch &nbsp;
<img height=21 src="images/digi0.gif" width=16 name=x>
<img height=21 src="images/digi0.gif" width=16 name=a>
<img height=21 src="images/digi0.gif" width=16 name=b>
<img height=21 src="images/digi_dp.gif" width=9 name=c>
<img height=21 src="images/digi0.gif" width=16 name=y>
<img height=21 src="images/digi0.gif" width=16 name=z>
<img height=21 src="images/digi_dp.gif" width=9 name=cz>
<img height=21 src="images/digi0.gif" width=16 name=d>
<img height=21 src="images/digi0.gif" width=16 name=e>
<img height=21 src="images/digi_dp.gif" width=9 name=f>
<img height=21 src="images/digi0.gif" width=16 name=g>
<img height=21 src="digi0.gif" width=16 name=h>
&nbsp; bis zum Jahr 2013.
</td></tr></table>

</p>
<p style="margin-left:
65px;font-size:9px;color:#ff0000;">
(Tage : Stunden : Minuten : Sekunden)
</p>


Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



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

© 2009 - 2018




  Besucher Statistik
 » 4 Online
 » 71 Heute
 » 2281 Woche
 » 4998 Monat
 » 59541 Jahr
 » 306119 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü