1

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

或者我应该将日期时间编辑为时间戳?!

4

2 回答 2

2

首先看这个现场演示 - 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/

于 2013-05-29T08:23:21.300 回答
0

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

事实上,您将无法使用 PHP 实现倒计时,因为它不是客户端。

于 2013-05-29T08:05:38.187 回答