0

我有一个 PHP 脚本,可以计算设定日期和当前日期(以 h:m:s 为单位)之间的差异,我想将该数据用于简单的可视化 Javascript 倒数计时器(使用 PHP 变量)。这是PHP代码:

$date = date('Y-m-d h:i:s a', time());
$d1 = new DateTime("2012-11-18 11:14:15");
$d2 = new DateTime($date);
$result = $d1->diff($d2);
$hours = ($result->d*24)+$result->h;
$minutes = $result->i;
$seconds = $result->s;

在 Javascript 中显示倒数计时器的首选和最有效的方法是什么?(使用 $d1 和 $d2 还是 $hours、$minutes、$seconds?)

4

2 回答 2

2

也许你可以使用一些 Jquery 插件,比如这个:Jquery Countdown

如果您不想使用插件,一般的想法是:

  1. PHP 将开始日期时间写入 HTML 标记或 javascrit 变量。

    echo '<div id="year">$year</div>';

  2. 在 javascript 中,您创建一个函数,将当前日期时间减少 1 秒,必要时减少分钟、小时等。

    function decrease_by_1_sec(){ ... }

  3. 接下来,在 $(document).ready() 函数上,使该decrease_by_1_sec()函数每秒执行一次。

    setInterval(decrease_by_1_sec(), 1000);

就是这样!这是一般的想法。

于 2012-11-20T15:19:31.067 回答
0

试试这个 jQuery 倒计时插件 - http://keith-wood.name/countdown.html

于 2012-11-20T15:23:43.540 回答