Jquery PHP的多次倒计时

Question

我对jquery一无所知。我为此感到难过我想要实现的是这样的http://www.jqueryscript.net/demo/Final-Countdown-Simple-Date-Countdown-Plugin/examples/multiple_clocks.html

但我不明白代码是如何工作的。我尝试在该页面上发布的代码，但它什么都不返回。

有人可以帮我这个吗？任何帮助都非常感谢。

Answer 1

您需要复制并包含jQuery插件

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.countdown.js" type="text/javascript"></script>

并提供data-until属性，如：

 <div data-countdown="12/05/2011" data-until="12/06/2014"></div>
 <div data-countdown="15/06/2011" data-until="12/06/2014"></div>
 <div data-countdown="20/07/2011" data-until="12/06/2014"></div>

请参阅fiddle example

Answer 2

基本上只发生了两件事。首先

  

$（ 'DIV [数据倒计时]'）。每个（函数（I）

是遍历所有具有数据属性倒计时的div的循环。 第二件事是将jquery倒计时插件应用于每个元素。这发生在这一行

  

$（this）.countdown（toDate，function（event）{

$（this）代表每个找到的元素。不要忘记，因为我提到它是一个jquery插件。因此，您需要在html中包含jquery和jquery.countdown文件。

修改：包含在此answer个状态中发生。