Tweet
Hi Leute,
versuche grade diesen (s.u.) Javascript Countdown in meine Webseite einzubinden, funktioniert auch super. Allerdings möchte ich den Countdown später mit einem Pic hinterlegen, das erfordert spezielle Abstände untereinander. Deshalb will ich den Script auf eine Tabelle bekommen, da dieser ja momentan noch in einem Input tag drin ist.
Vielen Dank im voraus.
Hier der Code:
versuche grade diesen (s.u.) Javascript Countdown in meine Webseite einzubinden, funktioniert auch super. Allerdings möchte ich den Countdown später mit einem Pic hinterlegen, das erfordert spezielle Abstände untereinander. Deshalb will ich den Script auf eine Tabelle bekommen, da dieser ja momentan noch in einem Input tag drin ist.
Vielen Dank im voraus.
Hier der Code:
PHP-Code:
<html>
<head>
<title>Datum-Countdown mit JavaScript</title>
<script language="JavaScript">
// Ziel-Datum in MEZ
var jahr=2009, monat=7, tag=1, stunde=0, minute=0, sekunde=0;
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<zielDatum) {
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
// Jahre
while(startDatum<zielDatum) {
jahre++;
startDatum.setFullYear(startDatum.getFullYear()+1);
}
startDatum.setFullYear(startDatum.getFullYear()-1);
jahre--;
// Monate
while(startDatum<zielDatum) {
monate++;
startDatum.setMonth(startDatum.getMonth()+1);
}
startDatum.setMonth(startDatum.getMonth()-1);
monate--;
// Tage
while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}
// 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+" Jahr, ";
(monate!=1)?monate=monate+" ":monate=monate+" Monat, ";
(tage!=1)?tage=tage+" ":tage=tage+" Tag, ";
(stunden!=1)?stunden=stunden+" ":stunden=stunden+" Stunde, ";
(minuten!=1)?minuten=minuten+" ":minuten=minuten+" Minute und ";
if(sekunden<10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+" ":sekunden=sekunden+"";
document.countdownform.countdowninput.value=
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";
}
</script>
</head>
<body onload="countdown()">
<form name="countdownform">
<p>
<input size="75" name="countdowninput" style="border:none; height:55px; width:320px;
background-image:url(img/countdown_clock.png);
background-repeat:no-repeat; font-size:44px; font-family:Arial; margin-top:2px; color:#FFF; padding-left:17px;">
</p>
</form>
</body>
</html>
EDIT:
php-tags und umbrüche sponsored by kropff
Kommentar