基于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不是静态变量,每次都会加载一个新值.这消除了处理会话的需要(因为基本的javascript倒数计时器会在页面加载时重置等).

我会尽管这会有用,直到我意识到事件活页夹.load()没有重新加载#this(我知道我很傻),所以我想我想知道的是 - 是否有一个事件活页夹我可以用它来完成这项工作或者有没有办法获得我正在寻找的功能,而不使用jQuery插件(它完全不符合我想要的)？

Answer 1

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

它非常易于使用.

你所要做的就是

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