PHP日期格式倒计时答案

【问题标题】：Countdown from PHP date formatPHP日期格式倒计时
【发布时间】：2013-05-24 09:23:26
【问题描述】：

如何在 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>

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

【问题讨论】：

2013-06-02 是几号？这意味着世界不同地区的不同日期。

标签： javascript jquery

【解决方案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/

【讨论】：

谢谢，但它在 Firefox 中无法正常工作。检查pointsafari.dk - 在 Chrome 中运行良好，但在 Firefox 中运行良好。说“NaN”和“NaN”...

【解决方案2】：

您可能希望使用 PHP 使用服务器时间戳初始化倒计时，然后使用 Javascript 开始倒计时。

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

【讨论】：