[FRAGE] Countdown- Code mehrfach verwenden

[D1111]

Hallo,


ich hoffe ich bin hier richtig.


Ich habe hier einen Countdown den ich gerne mehrfach für mehrere Termine verwenden möchte.

Leider funktioniert er immer nur mit einem Termin.

Kann mir hier irgend jemand helfen, diesen so abzuändern, das ich ihn für mehrere Termine verwenden kann?

Da ich Blutiger Anfänger bin, wäre es schön, wenn mir jemand genau erklärt was verändert werden muß und warum!

Lieben Dank für Eure Hilfe.

 

[D1111]

Ach ja ich Depp, hier der Countdown.

<div style="text-align: center; color: #FF0000; font-size: 16px; font-weight: 900;">
	 <span id="c1" style="font: bold 150px ;"> </span><span id="c2" style="font: bold 150px ;"></span><br /><x-large> bis zur Sternfahrt Kulmbach 2014</x-large>
</div><script type="text/javascript">
//
var end = new Date('April 27, 2014 12:00:00');
function toSt2(n) {
 var s = '';
 if (n < 10) s += '0';
 return (s + n).toString();
}
function toSt3(n) {
 var s = '';
 if (n < 10) s += '00';
 else if (n < 100) s += '0';
 return (s + n).toString();
}
function countdown() {
 var d = new Date();
 var count = Math.floor(end.getTime() - d.getTime());
 if(count > 0) {
   var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
   var seconds = toSt2(count%60); count = Math.floor(count/60);
   var minutes = toSt2(count%60); count = Math.floor(count/60);
   var hours = toSt2(count%24); count = Math.floor(count/24);
   var days = count;
   document.getElementById('c1').innerHTML = days + ' TAGE'
   document.getElementById('c2').innerHTML = hours +' Stunden' +  ':' + minutes +' Minuten' + ':' + seconds +' Sekunden' 
   setTimeout('countdown()', 100);
 }
}
countdown();

 

[Sempervivum]

Probiers mal so:

function countdown(ende) {
    function toSt2(n) {
        var s = '';
        if (n < 10) s += '0';
        return (s + n).toString();
    }
    function toSt3(n) {
        var s = '';
        if (n < 10) s += '00';
        else if (n < 100) s += '0';
        return (s + n).toString();
    }
    var end = new Date(ende);
    var d = new Date();
    var count = Math.floor(end.getTime() - d.getTime());
    if (count > 0) {
        var miliseconds = toSt3(count % 1000); count = Math.floor(count / 1000);
        var seconds = toSt2(count % 60); count = Math.floor(count / 60);
        var minutes = toSt2(count % 60); count = Math.floor(count / 60);
        var hours = toSt2(count % 24); count = Math.floor(count / 24);
        var days = count;
        document.getElementById('c1').innerHTML = days + ' TAGE'
        document.getElementById('c2').innerHTML = hours + ' Stunden' + ':' + minutes + ' Minuten' + ':' + seconds + ' Sekunden'
        setTimeout('countdown()', 100);
    }
}
countdown('April 27, 2014 12:00:00');

 

[D1111]

Funzt leider immer noch nicht, trotzdem Danke!

 

[jspit]

Dann schau mal hier rein : javascript DateDiffArray - Datumsdifferenz als Tag, Stunde, Minute und Sekunde

Der Beitrag zeigt auch ein einfaches Komplettbeispiel mit 2 Countern.

LG jspit

 

[Sempervivum]

Da waren noch Fehler drin. So funktioniert's:

      function countdown(ende, id) {
          function toSt2(n) {
              var s = '';
              if (n < 10) s += '0';
              return (s + n).toString();
          }
          function toSt3(n) {
              var s = '';
              if (n < 10) s += '00';
              else if (n < 100) s += '0';
              return (s + n).toString();
          }
          var end = new Date(ende);
          var d = new Date();
          var count = Math.floor(end.getTime() - d.getTime());
          if (count > 0) {
              var miliseconds = toSt3(count % 1000); count = Math.floor(count / 1000);
              var seconds = toSt2(count % 60); count = Math.floor(count / 60);
              var minutes = toSt2(count % 60); count = Math.floor(count / 60);
              var hours = toSt2(count % 24); count = Math.floor(count / 24);
              var days = count;
              document.getElementById(id).innerHTML = days + ' TAGE ' + hours + ' Stunden' + ':' + minutes + ' Minuten' + ':' + seconds + ' Sekunden'
              setTimeout(function(){countdown(ende, id)}, 100);
          }
      }
      window.onload = function () {countdown('April 27, 2014 12:00:00', 'c1');
                                              countdown('April 28, 2014 12:00:00', 'c2');
                                            };

 

[D1111]

@Sempervivum

immer noch nicht

 

[D1111]

Sorry Leute, ich habs aufgegeben, dieses Ding bringt keiner zum laufen.

Ich habe mich für vorgefertigte Counter aus dem Netz entschieden, weil mir einfach die Zeit und die Nerven fehlen, um noch auf die schnelle das Programmieren zu erlernen, da ich eigentlich ein einfacher Anwender bin.

Ich bedanke mich trotzdem herzlich für Eure Bemühungen, und wer was zum knobeln braucht, siehe oben.

LG
D1111

 

[Sempervivum]

Den JS-Code hatte ich aber getestet. Wenn es nicht funktioniert, musst Du außerhalb dessen einen Fehler gemacht haben. "dieses Ding bringt keiner zum Laufen" sollte man bei so einer einfachen Aufgabe nicht sagen und nicht so schnell aufgeben!

 

[kkapsner]

@D1111: hast du denn auch die beiden Elemente mit der ID c1 und c2 erzeugt, in denen die Counter dargestellt werden sollen?

PS: toSt2() und toSt3() sind klassische Funktionsnamen, die nach einem weiteren Parameter schreien...