Countdown gesucht!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angepasst url
basteln
bestimmtes datum
code
countdown
dank
date
datum
dauer
heutiges datum
jemand
minute
notwendigen tage
sekunde
stunden
tag
url
verlesen
vorgabe
ziel
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
<html> <head> <title>Datum-Countdown mit JavaScript</title> <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); 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=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<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"; } </script> </head> <body onload="countdown()"> <form name="countdownform"> <p> <input size="75" name="countdowninput"> </p> </form> </body> </html>
Da gibst du dann ziemlich oben die Daten an... -
na toll, das is genau das, was ich nich wollte.
ich hab geschrieben, dass ich als vorgabe hab 6 tage, 3 stunden usw. und nicht 27.3.2010 oder so! -
cookies schrieb: na toll, das is genau das, was ich nich wollte.
ich hab geschrieben, dass ich als vorgabe hab 6 tage, 3 stunden usw. und nicht 27.3.2010 oder so!
Ich habe so etwas ähnliches mal für meinen Adventskalender gemacht (nicht selbst gemacht, nur angepasst).
http://malia.lima-city.de/text.html
Wenn es dir zusagt kannst du ja den Quelltext kopieren und das Ganze anpassen.
Grüsse Malia
Beitrag zuletzt geändert: 29.3.2009 17:07:25 von malia -
nur zum Verständnis und bevor hier jemand anfängt Code zu basteln, möchtest du einen Code der:
a) auf ein bestimmtes Datum runterzählt
b) du eine Dauer vorgibst und dann wird runtergezählt (dann fängt es aber für jeden der die Seite aufruft von vorn an!) -
robin schrieb:
nur zum Verständnis und bevor hier jemand anfängt Code zu basteln, möchtest du einen Code der:
a) auf ein bestimmtes Datum runterzählt
b) du eine Dauer vorgibst und dann wird runtergezählt (dann fängt es aber für jeden der die Seite aufruft von vorn an!)
Eigentlich b) und die Restzeit wird von PHP bei jedem Aufruf neu generiert, aber ich habs jetzt anders gelöst, denn Countdowns, die auf ein bestimmtes Datum runterzählen findet man massenweise bei Google.
Trotzdem Danke an alle. -
<script LANGUAGE="JavaScript">
var urodz = new Date("November 4, 2009");
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write("Noch " + dni + " Tage bis ich wieder Geburtstag hab")
else if (dni == 1)
document.write("Übermorgen hab ich Geburtstag")
else if (dni == 0)
document.write("Übermorgen hab ich Geburtstag!!!")
else
document.write("Geschenke her");
// --></script>
Müsstest eben noch Sekunden und Minuten reinbasteln, aber ist das sonst das was Du wolltest? -
Danke, aber wie ich oben schon geschrieben hab, hab ich schon so einen Countdown.
-
Sorry, verlesen. Aber ich hab wieder was:
$diff = 45; // Zieldatum
$ziel = time() + 60 * 60 * 24 * $diff;
echo "Heutiges Datum: ".date("d.m.Y", time())."<br>";
echo "Zieldatum (in ".$diff." Tagen): ".date("d.m.Y", $ziel);
Ist allerdings ein PHP script, aber das sollte ja auf Lima-City kein Problem sein. Du musst bei "$diff =" die notwendigen Tage eintragen und es zeigt Dir dann das entsprechende Datum ein, wenn Du dann noch das (falsche) Javascript dazufügst und das ganze ein wenig umfunzelst müsstest Du das hinbekommen was Du willst.
Es ist dann villeicht nicht 100% das was Du Dir vorgestellt hast und Du musst auch noch ein wenig am Script rumspielen, aber zumindest geht es in die Richtung und ist auf alle Fälle besser als nichts.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
