2014-10-08 83 views
-2

我一直在寻找一个简单的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,但我不知道如何把他们赶走或写入替代文本,因为这些话是不是在代码中显示...

编辑:

好吧,我没有注意到外部源,只是将它添加到小提琴,但仍然无法正常工作。

+3

我想你应该包括'countdown'插件以及这个工作。 – ZiNNED 2014-10-08 15:08:00

+0

如果您不包含正在使用的外部资源,小提琴不会工作。你从哪里得到倒计时插件? – haxtbh 2014-10-08 15:08:06

+0

@ZiNNED对不起,没有注意到它,我现在加了它,但仍然不起作用。 – rockyraw 2014-10-08 15:20:32

回答

1

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

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

+0

是的,这是脚本,但我不能让它继续工作。 – rockyraw 2014-10-08 15:20:53

+0

查看关于jQuery倒计时的文档。有很多它如何工作的例子。我不会引用你从其中使用'serverSync'的各种奇怪实现的源代码。 – Jason 2014-10-08 15:35:22