麻煩創建一個計時器從一個給定的時間計數

Question

我需要一個時鐘來計算從一個特定的時間。例如時間是20:08:00，然後從那裏算起。我已經搜索了一個答案，並沒有人具體提出了一個答案（我見過）。所以我的正常時鐘就是這樣。

<script type="text/javascript"> 
function clock() 
{ 
var digital = new Date(); 
var hours = digital.getHours(); 
var minutes = digital.getMinutes(); 
var seconds = digital.getSeconds(); 
if (minutes <= 9) minutes = "0" + minutes; 
if (seconds <= 9) seconds = "0" + seconds; 
dispTime = hours + ":" + minutes + ":" + seconds; 
var basicclock = document.getElementById('basicclock'); 
basicclock.innerHTML = dispTime; 
setTimeout("clock()", 1000); 
} 
clock(); 
</script> 

所以我需要的是開始說20:08:00（或時間變量）的時間。我想知道是否更好地使用計時器來達到設定的時間，並從該計數？

任何幫助，將不勝感激。

Answer 1

第一個：請在提問前嘗試廣泛搜索SO以獲得答案，如果您看，可以找到許多有用的答案。 ;）

如果你想以倒計時到一定的時間/日期，我會建議答案發現HERE

所有代碼都歸功於筆者的回答以上。 HTML - 顯示

<span id="days"></span> 
<span id="hours"></span> 
<span id="minutes"></span> 
<span id="seconds"></span> 

腳本（保存格式，只是修改了4號線下來你的目標日期）

setInterval(function(){ 
    // set whatever future date/time you want here, together with 
    // your timezone setting... 
    var future = new Date("Sep 20 2014 21:15:00 GMT+0200"); 
    var now = new Date(); 
    var difference = Math.floor((future - now)/1000); 

    var seconds = fixIntegers(difference % 60); 
    difference = Math.floor(difference/60); 

    var minutes = fixIntegers(difference % 60); 
    difference = Math.floor(difference/60); 

    var hours = fixIntegers(difference % 24); 
    difference = Math.floor(difference/24); 

    var days = difference; 

    $("#seconds").text(seconds + "s"); 
    $("#minutes").text(minutes + "m"); 
    $("#hours").text(hours + "h"); 
    $("#days").text(days + "d"); 
}, 1000); 

function fixIntegers(integer) 
{ 
    if (integer < 0) 
     integer = 0; 
    if (integer < 10) 
     return "0" + integer; 
    return "" + integer; 
} 

DEMO OF THE ABOVE CODE

我也想看看這些都是其他在這裏找到有趣的解決方案HERE