[GELÖST] Fehler im Beispiel? Mehrere Timer Parallel

[Lucky66]

Hey Leute,

ich bin noch recht neu im Bereich javascript , aber versuche gerade mehrere Timer parallel laufen zu lassen.

Orientiert habe ich mich an dem Beispiel: Komfortable Timer-Funktion

Das der Code:

function leadingzero (number) {
    return (number < 10) ? '0' + number : number;
}
function countdown (seconds, target) {
  var element = document.getElementById(target);

  var calculateAndShow = function () {
    if (seconds >= 0) {
      var h = Math.floor(seconds / 3600);
      var m = Math.floor((seconds % 3600) / 60);
      var s = seconds % 60;
      element.innerHTML=
        leadingzero(h) + ':' +
        leadingzero(m) + ':' +
        leadingzero(s);
      seconds--;
    } else {
      return false;
    }
  };

  var completed = function () {
    element.innerHTML = "<strong>Liftoff!<\/strong>";
  };

  calculateAndShow.Timer(1000, Infinity, completed);
}
window.onload = function () {
  new countdown(10, 'counter1');
  new countdown(5, 'counter2');
};

und das der Link zu dem aufgehürten Beispiel: Countdown-Beispiel


Das Problem ist aber das die Funktion calculateAndShow.Timer leider nicht aufgerufen wird, habe das wie folgt getestet:

test.php
<p id="counter1">test</p>
<p id="counter2">bla</p>
<script>
function countdown (seconds, target) {
  var element = document.getElementById(target);
		
		 var calculateAndShow = function () {
			 element.innerHTML='blabla';
		};
      
      calculateAndShow.Timer(1000, Infinity, completed);
}
window.onload = function () {
  new countdown(10, 'counter1');
  new countdown(5, 'counter2');
};
</script>

Weder der Text vom ersten noch der vom zweiten Counter ändert sich auf "blabla" :/ Sprich die Funktion wird garnicht erst aufgerufen. Auch wenn ich das komplette Script zum test copy und paste , wird die Funktion bei mir nicht ausgeführt.... Sicherlich ist irgendwo nur ein kleiner Fehler den ich übersehe...

Sieht ihn einer von euch?


Vielen Dank schon mal,

mfg Lucky66

 

[Sempervivum]

Wirf mal einen Blick in die Fehlerkonsole. Bei dem zweiten Testscript ist das Problem, dass beim Aufruf von calculateAndShow.timer() die Funktion completed nicht definiert ist.
Außerdem musst du natürlich die Timer-Funktion selber auch definieren, was in den beiden Skripts nicht sichtbar ist.

 

[rico2009]

Sempervivum hat Recht. Du definierst zwar den Konstruktur "calculateAndShow", aber dieser hat nirgens die Funktion "Timer". So ist diese undefined und wird nicht ausgeführt.

Hier mal eine kleine Einführung in Sachen Klassen und Konstruktoren in JS: Objektorientierte Programmierung in JavaScript - Javascript - Tutorials, Tipps und Tricks für Webmaster auf Webmasterpro.de


Zur Sicherheit: http://forum.jswelt.de/javascript-faq/48897-finde-fehlerkonsole.html

 

[Lucky66]

Timer-Funktion nachgerüstet und die Funktion completed definiert. Funktioniert wunderbar.

Vielen vielen Dank für eure Hilfe/Hinweise.

Thread kann geclosed werden.

mfg Lucky66

 

[rico2009]

Bitte.

Ich habe das Präfix mal auf Gelöst gesetzt.