Countdown für Homepage

Countdown für Homepage

Hi,

ich möchte einen Countdown auf meiner Homepage einrichten Tage, Minuten, Sekunden

z.B. Noch 1 Tag 24 Min 2 Sek bis zur Feier

könnt ihr mir bitte helfen?

thx

mfg

Robeldimobel

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 12350

Url: https://administrator.de/contentid/12350

Ausgedruckt am: 15.11.2024 um 13:11 Uhr

7 Kommentare

Neuester Kommentar

Eine Lösung mit JScript
http://www.jjam.de/JavaScript/Datum_Uhrzeit/Countdown.html

... eine weitere in Perl
http://www.scriptarchive.com/countdown.html
der entspr. Code http://www.scriptarchive.com/download.cgi?s=countdown&c=txt&f=c ...

Ich hoffe, es ist was passendes dabei.

Schönes Wochenende!

Hmm, das Java ist schon gut, nur leider verstehe ich es nicht....was muss ich in dem Code ändern, damit da z. B. nur noch 1 Tag 22 Std 12 Min 3 Sek bis zum Fest steht? Keine Jahre und Monate?

Muss ich da einfach nur

<script language="JavaScript">
Ziel-Datum in MEZ
var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

in

Nur noch <BR>
<script language="JavaScript">
Ziel-Datum in MEZ
var tag=1, stunde=22, minute=12, sekunde=3;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
...der restliche Code, dann

<BR>bis zum Fest

ändern? wenn nein, wie dann?

Also der eine Beitrag geht wohl irgendwie nicht:

Ich möchte einen Countdown haben, da soll stehen:

Noch

1 Tag(e), 1 Stunde(n), 1 Minute(n), 1 Sekunde(n)

bis zum Fest!

Kannst du mir den Code vielleicht so per E-Mail zu senden? xxeennheimsoth@web.de
Würd' mich sehr freuen

Thx

Robeldimobel

Ah ich habs hinbekommen

Herzlichen Dank for help

mfg Robeldimobel

Irgendwas hat hier die Seitenformatierung durcheinandergebracht.

In den JScript musst du eigentlich nur die Variablen in Zeile 7 anpassen:
Steht aber eigentlich ziemlich deutlich in der Beschreibung.

Original: var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22;
Neu: var jahr=2005, monat=6, tag=26, stunde=20, minute=26, sekunde=32;

Neu basierend auf: 25.06.2005 20:02:30

Hier das angepasste Script.
Beim kopieren musst du evtl. auf die Spitzklammern der HTML-Tags und Operatoren aufpassen

<<a>html<a>>
<<a>head<a>>
<<a>title<a>>Datum-Countdown mit JavaScript<<a>/title<a>>

<<a>script language="JavaScript"<a>>
Ziel-Datum in MEZ
var jahr=2005, monat=6, tag=26, stunde=20, minute=26, sekunde=32;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

function countdown() {
startDatum=new Date(); Aktuelles Datum

Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
if(startDatum<<a>=zielDatum) {

var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

/* Allgemeines Vorgehen:
Zunächst werden die vollen Jahre gezählt
und anschließend der Start- und Ziel-Monat auf den jeweiligen 1. gesetzt.
Nun werden erst die vollen Monate vom 1. zum 1. des Start- bzw. Ziel-Monats
berechnet und danach die tatsächlichen Monatstage wieder mit einbezogen.
Dieses Vorgehen vermeidet Probleme mit den verschiedenen Monatslängen.
Was übrig bleibt, wird in Tagen, Stunden, Minuten und Sekunden ausgedrückt.*/

Jahre
if(startDatum<<a>zielDatum) {
while(startDatum<<a>zielDatum) {
if(startDatum.setFullYear(startDatum.getFullYear()+1)<<a>=zielDatum) jahre++;
}
startDatum.setFullYear(startDatum.getFullYear()-1);
}

Restliche Tage zum Monatsende ermitteln
var restTage=0;
var m=startDatum.getMonth();
m==3-1 m==5-1 m==7-1 m==8-1 m==10-1

restTage=31-startDatum.getDate();
m==6-1 m==9-1

else if(m==2-1) {
if(startDatum.getFullYear()%4==0 && (startDatum.getFullYear()%100!=0

restTage=29-startDatum.getDate(); Schaltjahr
else restTage=28-startDatum.getDate();
}

Start- und Ziel-Tag merken und auf 1 setzen
var startTag=startDatum.getDate();
var zielTag=zielDatum.getDate();
startDatum.setDate(1);
zielDatum.setDate(1);

Monate
if(startDatum<<a>zielDatum) {
while(startDatum<<a>zielDatum) {
if(startDatum.setMonth(startDatum.getMonth()+1)<<a>=zielDatum) monate++;
}
startDatum.setMonth(startDatum.getMonth()-1);
}

Tatsächlichen Start- und Ziel-Tag berücksichtigen
if(startDatum.getMonth()==zielDatum.getMonth()) {
if(startTag<<a>=zielTag) startDatum.setDate(startTag);
else {
monate--;
tage=restTage+1;
}
}
else {
startDatum.setMonth(startDatum.getMonth()+1);
if(startTag<a>>=zielTag) tage=restTage+1;
else {
monate++;
startDatum.setDate(startTag);
}
}
zielDatum.setDate(zielTag);

Tage
restTage=Math.floor((zielDatum-startDatum)/(24*60*60*1000));
startDatum.setTime(startDatum.getTime()+restTage*24*60*60*1000);
tage+=restTage;

Stunden
stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);

Minuten
minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);

Sekunden
sekunden=Math.floor((zielDatum-startDatum)/1000);

Anzeige formatieren
(jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, ";
(tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, ";
(stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, ";
(minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und ";
if(sekunden<<a>10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";

document.countdownform.countdowninput.value=
jahre+monate+tage+stunden+minuten+sekunden;

setTimeout('countdown()',200);
}
// Anderenfalls alles auf Null setzen
else document.countdownform.countdowninput.value=
"0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden";
}
<<a>/script<a>>
<<a>/head<a>>

<<a>body onload="countdown()"<a>>
<<a>form name="countdownform"<a>>
<<a>p<a>>
Noch <<a>br /<a>>
<<a>input size="75" name="countdowninput" style="background-color:#ffffff;border-width:0" onfocus="if(this.blur)this.blur()"<a>>
<<a>br /<a>>
bis zur Feier!
<<a>/p<a>>
<<a>/form<a>>
<<a>/body<a>>

<<a>/html<a>>