Jquery倒计时 - 如何使这段代码有效?将帖子

时间:2014-10-08 15:06:10

标签: jquery

我一直在寻找一个简单的jquery倒计时代码,并找到了一个使用以下代码的网站:

  var endTime = new Date("10/08/2014 01:00 PM");

  $('#time').countdown({
      serverSync: function(){return new Date("10/08/2014 08:33 AM");},
      until: endTime,
      layout: '{hn} {hl}, {mn} {ml}, {sn} {sl}',
      onExpiry: reloadPage,
      expiryText: 'It"s finally here!'
  });  

HTML:

Time left: <span id="time" class="hasCountdown"></span>

但它对fiddle不起作用,所以我猜有些东西不见了,因为我没有从教程中获取代码,而是直接从该网站获取代码。

如何使这项工作? (或任何类似的形式,如果可以加强)。

在那个网站上,真正的HTML显示了这个不断切换的代码:

<span id="time" class="hasCountdown">4 Hours, 0 Minutes, 57 Seconds</span>

就我个人而言,我不确定是否要使用短语hoursminutes,但我不确定如何将其删除或写入替代文字,因为这些字词不是在代码中显示......

修改

好的,我没有注意到外部来源,只是将它添加到小提琴中,但仍然无效。

1 个答案:

答案 0 :(得分:1)

看起来他们正在使用jQuery插件进行倒计时。注意.countdown(...)。我会查找该插件并将其包含在页面中。

可能:http://keith-wood.name/countdown.html