• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Countdown-Problem

Status
Für weitere Antworten geschlossen.
N

nuutztier

Neues Mitglied
Also ich habe jetzt folgendes hingekriegt:

Code: 
<html>
<title>Countdown</title>
<head>
<script type="text/javascript">
function countdown(name,time) {
var org_time=time;
if(org_time!=0){
var minuten=Math.floor(time/60);
var sekunden=time-minuten*60;
if(minuten<10)
min0="0"
else
min0="";
if(sekunden<10 )
sek0="0"
else
sek0="";
var ausgabe="Noch " + min0 + minuten + " Minuten " + sek0 + sekunden + " Sekunden";
window.setTimeout("countdown ('"+ name +"',"+ (org_time-1) +")", 1000); 
} else {
var ausgabe="Hallo!";
}
document.getElementById(name).innerHTML = ausgabe;
}
</script> 
</head>
<body>
<div id="countdown"><script type="text/javascript">countdown("countdown","600");</script></div>
</body>
</html>

Dann hab ich nen 10 min Countdown, aber wenn ich die Seite neu lade fängt er wieder von vorne an.

Was muss ich jetzt jetzt genau ändern, damit der die ganze Zeit runterläuft egal ob man refreshed oder gar den Browser schließt und dann die Seite wieder öffnet?
 
Werbung:
Werbung:
probiers mal so:

Code: 
<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>
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben