Countdown
Verfasst: Sa 29.12.07 14:19
Ich such für Silvester dringend einen Countdown !? Wo kann ich das downloaden
http://www.onlinekunst.de/silvester/countdown.html
...die Informationsplattform für Peugeotfahrer
https://peugeotforum.info/forum/
Code: Alles auswählen
<html>
<head>
<title>Datum-Countdown mit JavaScript</title>
<script language="JavaScript">
// Ziel-Datum in MEZ
var jahr=2008, monat=1, 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=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";
// Komplett anzeigen
//document.countdownform.countdowninput.value=
// jahre+monate+tage+stunden+minuten+sekunden;
// Nur Stunden, Minuten und Sekunden anzeigen
document.countdownform.countdowninput.value=
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>
<style>
input {
color:#ff0000; /* Schriftfarbe */
font-weight:bold; /* Fett */
font-size:35pt; /* Schriftgroesse */
border-style:none; /* Kein Rahmen */
text-align:center; /* Zentriert */
width:99%; /* Input-Breite */
margin-top:25px; /* Abstand zum oberen Rand */
}
</style>
</head>
<body onload="countdown()">
<form name="countdownform">
<p>
<input name="countdowninput" />
</p>
</form>
</body>
</html>hmm... laut deinem countdown wäre sylvester, bzw neujahr in 7 std ud 34 minuten...vulkanus hat geschrieben:Auch nicht weiter schwierig.
Google-Suchbegriffe: countdown javascript
Leicht modifiziertes Ergebnis:
...
...
Sollte in jedem Browser laufen, sofern die Uhrzeit am Rechner richtig eingestellt ist.
Einfach in eine neue Datei kopieren, als bspw. countdown.html abspeichern und in einem beliebigen Browser öffnen. Das Ergebnis sieht dann so aus: Klick mich
Code: Alles auswählen
// Komplett anzeigen
//document.countdownform.countdowninput.value=
// jahre+monate+tage+stunden+minuten+sekunden;
// Nur Stunden, Minuten und Sekunden anzeigen
document.countdownform.countdowninput.value=
stunden+minuten+sekunden; Code: Alles auswählen
// Komplett anzeigen
document.countdownform.countdowninput.value=
jahre+monate+tage+stunden+minuten+sekunden;
// Nur Stunden, Minuten und Sekunden anzeigen
//document.countdownform.countdowninput.value=
// stunden+minuten+sekunden;