Mehrere Countdowns auf der gleichen Seite

Question

Ich habe dieses Skript (http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm) für den Countdown zu den Ferien verwendet. Aber diesmal muss ich 2 Countdowns auf EINER Seite haben. Ich habe versucht, zwei verschiedene Seiten mit jeweils einem Skript zu haben und sie auf die Hauptseite zu bringen, aber das hat nicht funktioniert.

Wer weiß, wie man es bearbeitet oder ein Skript, das für diesen Zweck funktioniert? Ich habe versucht, einige der Variablen zu bearbeiten, aber ich konnte es nicht zum Laufen bringen.

Danke.

Answer 1

Ich habe einen einfachen Countdown Constructor gekocht, der Ihnen weiterhelfen kann.

function countDown(startTime, divid, the_event){ 
    var tdiv = document.getElementById(divid) 
     ,start = parseInt(startTime.getTime(),10) 
     ,the_event = the_event || startTime.toLocaleString() 
     ,to; 
    this.rewriteCounter = function(){ 
     var now = new Date().getTime() 
      ,diff = Math.round((start - now)/1000); 
     if (startTime > now) 
     { 
     tdiv.innerHTML = diff +' seconds untill ' + the_event; 
     } 
     else {clearInterval(to);} 
    }; 
    this.rewriteCounter(); 
    to = setInterval(this.rewriteCounter,1000); 
} 

//usage 
var count1 = new countDown(new Date('2010/12/11 10:44:59') 
          ,'counter1' 
          ,'tomorrow 10:45'); 
var count2 = new countDown(new Date('2010/12/25') 
          ,'counter2' 
          ,'first christmas day'); 

Check it out @jsfiddle