Несколько отсчетов на одной странице - PullRequest
0 голосов
/ 10 декабря 2010

Я использовал этот скрипт (http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm) для обратного отсчета до отпуска.Но на этот раз мне нужно иметь 2 отсчета на ОДНОЙ странице.Я попытался иметь 2 разные страницы с одним сценарием на каждой и включить их на главную страницу, но это не сработало.

Кто-нибудь знает, как его редактировать, или у вас есть сценарий, который работает для этой цели?Я попытался отредактировать некоторые переменные, но мне не удалось заставить его работать.

Спасибо.

1 Ответ

1 голос
/ 10 декабря 2010

Я приготовил простой конструктор обратного отсчета, который может помочь вам в дальнейшем.

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');

Проверьте это @ jsfiddle

...