php - 基于 PHP 和 jQuery 构建的倒数计时器？

Question

在花了最后 45 分钟寻找解决方案后，我似乎找不到使用 PHP 和 jQuery 创建倒数计时器的简单解决方案。我发现的大多数已经构建的脚本完全基于 jQuery，这需要大量代码和更多参数，而且适应性非常差。

这是我的情况；

PHP:

$countdown = date("h:i:s"); // This isn't my actual $countdown variable, just a placeholder

jQuery:

$(document).ready(function name() {
    $("#this").load( function() {  
        setTimeout("name()", 1000)
      }
    }
});

HTML:

<div id="this"><?php echo($countdown); ?></div>

我的想法是，每一秒，#this重新加载，为其内容赋予新值，并且由于 $countdown 不是静态变量，因此每次都会加载一个新值。这消除了处理 session 的需要(因为基本的 javascript 倒数计时器会在页面加载等时重置)。

虽然这会奏效，但我意识到事件绑定(bind)器 .load()不重新加载 #this (我知道我很傻)，所以我想我想知道的是 - 是否有一个事件绑定(bind)器我可以用来完成这项工作，或者有没有办法在不使用 jQuery 插件的情况下获得我正在寻找的功能(这与我想要的不完全匹配)？

Answer 1

您应该使用 Keith Wood 的倒数计时器:http://keith-wood.name/countdown.html

它非常易于使用。

你所要做的就是

$('#timer').countdown({
    until: '<?php echo date("h:i:s"); ?>' // change this, obviously
});

这是 fiddle :http://jsfiddle.net/tqyj4/289/