帶時間問題的jQuery動畫問題

如何讓http://cnanney.com/journal/demo/apple-counter/countdown.php每天倒數到10AM然後重新啓動。這是每天的最後期限。帶時間問題的jQuery動畫問題

我已經有一個腳本來做到這一點，但在更基本的形式，但是我希望在這裏實現的過渡效果（找到這個網站上的鏈接），只需要調整時間？

來源

2011-05-31 Tom Davison

充分演示據我所知，你已經有了一個工作腳本，你想皮膚像蘋果櫃檯的演示。當時，你想倒計時到下一個10AM（它在上午10點重置爲24小時）。是對的嗎？ – Kraz 2011-05-31 16:29:35

似乎使用的動畫技術真的是這樣的背景簡單的背景轉變：

http://cnanney-files.s3.amazonaws.com/journal/apple-counter/filmstrip.png

如下解釋：

http://cnanney.com/journal/code/apple-style-counter/

他使用setTimer()和變化該位置在5秒內實現動畫結果。你的目的，試圖做這樣的事情（改變所使用的實際代碼）

... 
// SET TARGET DATE HERE 
var currentTime = new Date(); 

currentTime.setDate(currentTime.getDate() + 1); 

var month = currentTime.getMonth(); 
var day = currentTime.getDate(); 
var year = currentTime.getFullYear(); 
var target = new Date(year, month, day, 10, 00, 00); 
...

，然後檢查）目標日當天到現在（之間的差異計算正確

希望這有助於

來源

2011-05-31 16:44:03 VAShhh

您需要更改他們計算目標的方式，並且在達到目標時重新初始化所有內容，以便重新開始倒計時。

將initialze該腳本

function SetNextTarget(){ 
    now = new Date(); 
    // check if we are past todays time 
    if (now.getHours() >= 10 && now.getMinutes() >= 00) 
    { 
     // set tomorrow time if we are passed todays time 
     end = new Date(now.getFullYear(), now.getMonth(), now.getDate()+1, 10, 0,0); 
    } 
    else 
    { 
     //set today time if we have not reached it yet 
     end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 0,0); 
    } 
    theDiff = end-now; 
    theDiffString = getTimeString(theDiff); 
}

的所有瓦爾的方法，你需要調用initialDigitCheck()方法之前正確的，也稱之爲一旦你在倒計時達到0（的doCount()方法內）

在http://jsfiddle.net/gaby/zEAnJ/

來源

2011-05-31 17:28:03

帶時間問題的jQuery動畫問題

回答

相關問題