Question

如何在Javascript / jQuery中开发一个与PHP的日期时间一致的倒计时（必须实时倒计时而不刷新）？

因此，当日期为例时：2013-06-2倒计时的日期，小时和分钟，直到日期为止。

必须采用以下格式：

<li><small>@@days@@</small><span>Days</span></li>
<li><small>@@hours@@</small><span>Hours</span></li>
<li><small>@@minutes@@</small><span>Minutes</span></li>

或者我应该将日期时间编辑为时间戳？！

Answer 1

首先看一下这个现场演示 - http://jsfiddle.net/im4aLL/yjdZf/1/

用于演示的jQuery -

function countdown(){
    today = new Date();
    BigDay = new Date("2013-06-2");
    msPerDay = 24 * 60 * 60 * 1000 ;
    timeLeft = (BigDay.getTime() - today.getTime());
    e_daysLeft = timeLeft / msPerDay;
    daysLeft = Math.floor(e_daysLeft);
    e_hrsLeft = (e_daysLeft - daysLeft)*24;
    hrsLeft = Math.floor(e_hrsLeft);
    minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
    $('#countdown').html("<ul><li><small>" + daysLeft + "</small><span>Days</span></li><li><small>" + hrsLeft +"</small><span>Hours</span></li><li><small>" + minsLeft + "</small><span>Minutes</span></li></ul>");
}

setInterval(countdown, 1000);

HTML：

<div id="countdown"></div>

现在，改变倒计时功能

BigDay = new Date("2013-06-2");

到

BigDay = new Date($your_date);

我希望这会对你有所帮助。

更新

如果您还需要第二次倒计时，请查看此内容 - http://jsfiddle.net/im4aLL/yjdZf/2/

Answer 2

您可能希望使用PHP初始化带有服务器时间戳的倒计时，并开始使用Javascript倒计时。

事实上，你不能用PHP实现倒计时，因为它不是客户端。

从PHP日期格式倒计时

2 个答案:

更新