php - 倒数计时器获取 jquery 的值答案

【问题标题】：php - countdown timer getting value to jqueryphp - 倒数计时器获取 jquery 的值
【发布时间】：2015-05-08 07:43:29
【问题描述】：

我可以建议。我有下表：

左上角的日期是从数据库中回显的。

我想为比赛日添加一个倒计时，我有多个比赛在多天进行。

我需要尝试找到一种方法来使用 php 集成倒数计时器或将日期值传递给我的 jquery 脚本。

我只是在寻找逻辑或建议如何解决这个问题。

谢谢

【问题讨论】：

下面的答案解释了如何将服务器端值转换为 javascript 变量。也就是说，在客户端处理时间时要小心。虽然这绝对是要走的路，但您可能需要为您的服务器和客户端时间考虑不同的时区。因此，我建议计算离开服务器端的时间，并将其作为起点发送到您的 javascript 倒计时。

标签： php jquery countdown

【解决方案1】：

就我个人而言，我将时间划分为小时/分钟/秒，并将它们分别传递给 jQuery。在this example中，我可以分别定义分钟和秒；

iMins = <?php define it here ?>,
iSecs = <?php define here ?>;

可以修改此示例，使countDown() 函数每次都指向一个元素以运行多个计时器。

【讨论】：

【解决方案2】：

您需要使用以下命令将 php 变量回显到某种 Javascript 倒数计时器中：

var dateInJavascript = '<?php echo($dateFromDatabase); ?>';

例如，您可以选择众多 javascript 倒数计时器之一 -

http://www.gieson.com/Library/projects/utilities/countdown/

或者你可以实现这个可爱的堆栈帖子 -

The simplest possible JavaScript countdown timer?

【讨论】：

【解决方案3】：

试试这个js函数，倒计时很简单：

https://github.com/aneeshikmat/timeDownCounter

包含 timeDownCounter.js 后的示例：

timeDownCounter({
            'countDownIdSelector': 'time-down-counter',
            'countDownDate':  new Date("Sep 5, 2018 15:37:25").getTime(),
            'countDownResSperator': '-'
            'countDownReturnData': 'from-hours',
            'addSpanForResult': true,
            'addSpanForEachNum': true,
            'contDownOver': 'Time is expired, and you can say hello now :P',
            'getTemplateResult': 0
        }).startCountDown();

【讨论】：