Simple timer
JS
Code:
function countdown(time,id){
t = time;
// Minuten berechnen
// Sekunden durch 60 ergibt Minuten
// Minuten gehen von 0-59
//also Modulo 60 rechnen
m = Math.floor(t/60) %60;
// Sekunden berechnen
s = t %60;
m = (m < 10) ? "0"+m : m;
s = (s < 10) ? "0"+s : s;
// Ausgabestring generieren
strZeit =m + ":" + s;
// Falls der Countdown noch nicht zurückgezählt ist
if(time > 0)
{
//Countdown-Funktion erneut aufrufen
//diesmal mit einer Sekunde weniger
window.setTimeout('countdown('+ --time+',\''+id+'\')',1000);
}
else
{
//führe eine funktion aus oder refresh die seite
//dieser Teil hier wird genau einmal ausgeführt und zwar
//wenn die Zeit um ist.
strZeit = "ENDE";
}
// Ausgabestring in Tag mit id="id" schreiben
document.getElementById(id).innerHTML = strZeit;
}
//Helfer Funktion erlaubt Counter auch ohne Timestamp
//countdown_specific(Tage,Stunden,Minuten,Sekunden,ID)
function countdown_specific(d,h,m,s,id)
{
countdown(d*60*60*24+h*60*60+m*60+s,id);
}
HTML
HTML-Code:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta charset="UTF-8" >
<script language="JavaScript" src="time_jser.js" > </script>
</head>
<body>
<center>
<p>
<div id="zähler" >
<script> countdown_specific(0,0,0,5,'zähler' );</script>
</div>
</p>
</center>
</body>
</html>
Ich würde gerne den
else
{
strZeit = "ENDE";
}
in der HTML defenieren wollen, aber ich kriege es net hin... kann mir einer zeigen was ich genau machen muss?