Jquery倒計時 - 如何使此代碼工作？ [編輯]

-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>

個人而言，我不知道我想使用短語hours和minutes，但我不知道如何把他們趕走或寫入替代文本，因爲這些話是不是在代碼中顯示...

編輯：

好吧，我沒有注意到外部源，只是將它添加到小提琴，但仍然無法正常工作。

來源

2014-10-08 rockyraw

我想你應該包括'countdown'插件以及這個工作。 – ZiNNED 2014-10-08 15:08:00

如果您不包含正在使用的外部資源，小提琴不會工作。你從哪裏得到倒計時插件？ – haxtbh 2014-10-08 15:08:06

@ZiNNED對不起，沒有注意到它，我現在加了它，但仍然不起作用。 – rockyraw 2014-10-08 15:20:32

看起來他們正在使用jQuery插件進行倒計時。注意.countdown(...)。我會尋找這個插件，並將其包含在頁面中。

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

來源

2014-10-08 15:08:10 Jason

是的，這是腳本，但我不能讓它繼續工作。 – rockyraw 2014-10-08 15:20:53

查看關於jQuery倒計時的文檔。有很多它如何工作的例子。我不會引用你從其中使用'serverSync'的各種奇怪實現的源代碼。 – Jason 2014-10-08 15:35:22

Jquery倒計時 - 如何使此代碼工作？ [編輯]

回答

相關問題