Javascript 倒计时器，使用 PHP 日期信息和变量从 'hours:minutes:seconds' 开始直观地计数

Question

就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放， visit the help center以获得指导。

已关闭 10 年前。

我有一个 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 或 $小时、$分钟、$秒？)

Answer 1

也许您可以使用一些 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);

就是这样!这就是总体思路。