Countdown
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anzeigen
automatisch aktualisiert mal
beitrag
countdown
erkennung
geburtstag
intervall
laden
letzte
schauen
sekunde
uhr
zukunft
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Mit PHP gar nicht!
1.Wof?r?
2.Welcher Intervall?
3.Ausgabeart?
4.SCHAU INS JAVASCRIPT FORUM, BENUTZ GOOGLE UND/ODER DIE BOARDSUCHE! -.- -
Ja dann in Java
-
Java is daf?r eigentlich 'n bisschen ?bertrieben. Da reicht JavaScript vollkommen. Wenn du's nicht aud die Sekunde genau brauchst (z.B. Tage bis zu meinem Geburtstag) kannst du auch problemlos PHP benutzen. Einfach einen Timestamp in der Zukunft festlegen und den aktuellen Timestamp abziehen. evt. noch ne erkennung einbauen, die Testet, ob die 0 schn erreicht ist. Das Problem mit PHP ist nur, dass die Anzeige nur den Aktuellen Stand vom letzten Laden der Seite anzeigt und sich danach nciht automatisch aktualisiert.
Mal 'n Beispielcode:
<?php
$bis=1180116900; //25.5.2007 20:15:00
$jetzt=time();
if(($bis-$jetzt)>=0)
{
echo "Noch ".$bis-$jetzt." Sekunden bis zum 25.5.2007 um 20:15:00 Uhr.";
}
else
{
echo "Ist bereits vorbei. Schade :(";
}
?> -
javascript tut nat?rlich auch ...^^
bei google ein wenig suchen und man findet das meiste... damit du nicht suche brauchst hier der Countdown_
<html>
<head>
<title>CountDown-Script</title>
<script language="JavaScript" type="text/javascript">
function CountDown() {
var Tsecond = 0; // Zielsekunden
var Tminute = 0; // Zielminuten
var Thour = 8; // Zielstunden
var Tday = 9; // Zieltag
var Tmonth = 06; // Zielmonat
var Tyear = 2006; // Zieljahr
var howlong = "";
var target = new Date(Tyear, Tmonth-1, Tday, Thour, Tminute, Tsecond);
target = target.getTime();
var now = new Date();
now = now.getTime();
var diff = target - now;
var years = (diff - (diff % 31557600000)) / 31557600000;
diff = diff - (years * 31557600000);
var months = (diff - (diff % 2628000000)) / 2628000000;
diff = diff - (months * 2628000000);
var days = (diff - (diff % 86400000)) / 86400000;
diff = diff - (days * 86400000);
var hours = (diff - (diff % 3600000)) / 3600000;
diff = diff - (hours * 3600000);
var minutes = (diff - (diff % 60000)) / 60000;
diff = diff - (minutes * 60000);
var seconds = (diff - (diff % 1000)) / 1000;
if(seconds > -1) {
if (years != 0)
{
howlong = years+" Jahr";
if (years > 1) howlong = howlong+"e";
}
if (months != 0)
{
howlong = howlong + " " + months+" Monat";
if (months > 1) howlong = howlong + "e";
}
if (days != 0)
{
howlong = howlong + " " + days+" Tag";
if (days > 1) howlong = howlong + "e";
}
if (hours != 0)
{
howlong = howlong + " " + hours+" Stunde";
if (hours > 1) howlong = howlong + "n";
}
if (minutes != 0)
{
howlong = howlong + " " + minutes+" Minute";
if (minutes > 1) howlong = howlong + "n";
}
if (seconds != 0)
{
howlong = howlong + " " + seconds+" Sekunde";
if (seconds > 1) howlong = howlong + "n";
}
setTimeout("CountDown()",1000);
} else {
howlong = "Sie ist da!";
}
document.CountDown.diff.value = howlong;
}
</script>
</head>
<body onLoad="CountDown()">
<form name="CountDown"><table width="450" border="1" cellspacing="0" cellpadding="2">
<tr>
<td width="110">Pr?fung:</td>
<td><div align="center">
<input type="text" name="diff" size="60">
</div></td>
Zeit und text m?sstes du noch ver?ndern aber sonst viel spa? damit^^ -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
