chronologies multiples sur la même page

Question

J'utilise ce script ( http://www.dynamicdrive.com/dynamicindex6/dhtmlcount .htm ) pour le compte à rebours pour les vacances. Mais cette fois je dois avoir 2 comptes à rebours sur une seule page. J'ai essayé d'avoir 2 pages différentes avec un script dans chaque et les intégrer à la page principale, mais cela ne fonctionne pas.

Quelqu'un sait comment le modifier ou d'avoir un script qui fonctionne à cette fin? J'essayé de modifier certaines des variables mais je ne parviendraient pas à le faire fonctionner.

Merci.

Answer 1

J'ai concocté un compte à rebours simple, constructeur qui peut vous aider.

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