2011-08-22 127 views
1

我想使用這個jQuery倒計時 - http://code.google.com/p/jquery-countdown/。 因爲它有一個很好的動畫,但似乎還沒有完成,因爲它沒有很好的記錄。jQuery倒計時

所以我必須修改它使用倒計時,如設置日期和時間的事件。就像 - var date = 'January 28, 2012 12:35:10';,它會倒數到這個時候,但它現在工作不同。就像您在example中看到的一樣,您可以看到此示例設置爲1天12小時12分00秒,但每次刷新頁面時都會重新啓動。

那麼有人可以告訴如何修改這個插件工作就像我想要它?

Here是一個例子,你可以看到倒計時到下一個戰鬥,它接縫就像他們使用相同的插件。

或者有這個插件的替代品(也有動畫)?

+0

在第一個示例中,開始時間設置爲1天12小時12分鐘。它看起來不像是動態設置的。 –

回答

1

該插件不支持設置日期時間倒計時。你只能給它定時器應該留下的'dd:hh:mm:ss'。就像將日期/時間插入微波爐一樣,並希望它能夠正常工作。

你需要把你未來的日期從現在減去,然後找出剩下多少天,幾小時,幾分鐘和幾秒。一旦你有了,那就是你想要使用的價值。

0

如果該jquery插件需要一個持續時間,你必須爲它計算。您已經知道結束時間: endDate = new Date('January 28,2012 12:35:10');

你知道當前時間: curDate = new Date();

所以計算差異: duration = endDate.getTime() - curDate.getTime(); //這是兩個日期之間的毫秒數

現在使用這些毫秒來確定您需要設置插件的時間,分鐘,秒等等。

0

看看你是否可以從jCounter找到你需要的東西,它具有真正的時區支持並接受自定義值來運行計時器,雖然它沒有那個奇特的動畫。我希望它有幫助。

0

$ date1 = new DateTime('2013-02-18'); echo $ date1-> format('d H:i:s')。「
」;

$ date2 = new DateTime(「now」); echo $ date2-> format('d H:i:s')。「
」;

$ diff = date_diff($ date1,$ date2); echo $ diff-> format('%d%H:%i:%s');