многократный обратный отсчет на странице до даты - PullRequest
Новая
       10

многократный обратный отсчет на странице до даты

0 голосов
/ 31 октября 2011

У меня есть JavaScript, чтобы показать несколько coutdown на моем сайте, но я бы хотел перейти на Jquery, после долгого поиска в Google я не могу найти скрипт Jquery для выполнения той же задачи, что и мой старый JavaScript. (пример Кейтвуда кажется мне слишком сложным и тяжелым)

Все, что мне нужно, это иметь возможность показывать несколько отсчетов на странице, начиная с даты и времени, например => 01.11.2011 03:40:45 AM +0100 или подобное

Вот и пример того, что у меня есть

Это мой HTML => <div id="c5119" class="count"></div> <div id="c4329" class="count"></div>

Это мой JavaScript 

    StartCountDown("c5119","11/01/2011 03:40:45 AM +0100")
    StartCountDown("c4329","11/05/2011 06:24:30 AM +0200")

function StartCountDown(myDiv,myTargetDate)
  {
    var dthen   = new Date(myTargetDate);
    var dnow    = new Date();
    ddiff       = new Date(dthen-dnow);
    gsecs       = Math.floor(ddiff.valueOf()/1000);
    CountBack(myDiv,gsecs);
  }

  function Calcage(secs, num1, num2)
  {
    s = ((Math.floor(secs/num1))%num2).toString();
    if (s.length < 2) 
    {   
      s = "0" + s;
    }
    return (s);
  }

  function CountBack(myDiv, secs)
  {
    var DisplayStr;
    var DisplayFormat = "%%D%% %%H%%:%%M%%:%%S%%";
    DisplayStr = DisplayFormat.replace(/%%D%%/g,    Calcage(secs,86400,100000));
    DisplayStr = DisplayStr.replace(/%%H%%/g,       Calcage(secs,3600,24));
    DisplayStr = DisplayStr.replace(/%%M%%/g,       Calcage(secs,60,60));
    DisplayStr = DisplayStr.replace(/%%S%%/g,       Calcage(secs,1,60));
    if(secs > 0)
    {   
      document.getElementById(myDiv).innerHTML = DisplayStr;
      setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
    }
    else
    {
      document.getElementById(myDiv).innerHTML = "&nbsp;SOLD OUT";
    }
  }

Здесь, в stackoverflow, я нашел два примера, которые выглядят очень похожими ( здесь и здесь ), но оба показывают только оставшиеся секунды, я хотел бы иметь возможность показывать дни, Часы, минуты и секунды, как мой старый JavaScript.

Большое спасибо за ваше время и помощь Извините за мой английский D

...