• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Countdown .. Berechnung von Restzeit zum beliebigen Datum X

djmoe2005

New member
Hallo,

ich benötige einen Countdown, der sich auf ein Datum bezieht und eine Anzahl Tage aufrechnet.
Hierbei soll natürlich dann stets die Laufzeit heruntergezählt werden.

Format des Datums: 2015-10-12
Format Anzahl Tage: 50


Anbei habe ich ein Script, das ich dahingegend erweitern wollte.
Kann mir jemand helfen und den DIV-Container mit der nötigen Variable versehen?

DANKE

HTML:
<html>
<head>
<script language="JavaScript">
function countdown(time,id){
 
  //time brauchen wir später noch
  t = time;
 
  //Tage berechnen
  d = Math.floor(t/(60*60*24)) % 24; 
 
  // Stunden berechnen
  h = Math.floor(t/(60*60)) % 24;
 
 
  // 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;
 
  //Zeiten formatieren
  d = (d >  0) ? d+"d ":"";
  h = (h < 10) ? "0"+h : h;
  m = (m < 10) ? "0"+m : m;
  s = (s < 10) ? "0"+s : s;
 
  // Ausgabestring generieren
  strZeit =d + h + ":" + 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 = "Lizenzdauer abgelaufen";
  }
  // Ausgabestring in Tag mit id="id" schreiben
  document.getElementById(id).innerHTML = strZeit;
}
//Helfer Funktion erlaubt Counter auch ohne Timestamp
//countdown2(Tage,Stunden,Minuten,Sekunden,ID)
function countdown2(d,h,m,s,id)
{
  countdown(d*60*60*24+h*60*60+m*60+s,id);
}
</script>
</head>
<body>
<div id="cID">  Init<script>countdown(133333,'cID');</script></div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Zurück
Oben