Question

我有一个JavaScript在我的网站上显示多个coutdown，但我想转移到Jquery，经过长时间的搜索，我找不到Jquery脚本来执行与我的旧JavaScript相同的任务。（基思伍德的例子对我来说似乎太复杂和沉重）

我需要的只是能够在日期和时间开始显示页面上的多个计数，如=＆gt; 11/01/2011 03:40:45 AM +0100或类似的

以下是我所拥有的例子

这是我的html =＆gt; <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中，我发现两个看起来非常相似的示例（here和here），但两者都只显示剩余的秒数，我希望能够显示天，小时，分钟和秒就像我的旧JavaScript一样。

非常感谢您的时间和帮助对不起我的英语不好 d

到目前为止的多个倒计时

0 个答案: