如何讓時間功能更新？

Question

當我在瀏覽器中加載它時，它將顯示頁面完全加載時的時間，但不會每秒更新自己。 我該怎么做呢？

var h = date.getHours();   if(h<10) h = "0"+h;
var m = date.getMinutes(); if(m<10) m = "0"+m;
var s = date.getSeconds(); if(s<10) s = "0"+s;
document.write(h + " : " + m + " : " + s);

Answer 1

使用setInterval ：

setInterval(clock, 1000);

function clock() {
   var date = new Date();
   var h = date.getHours();   if(h<10) h = "0"+h;
   var m = date.getMinutes(); if(m<10) m = "0"+m;
   var s = date.getSeconds(); if(s<10) s = "0"+s;
   document.write(h + " : " + m + " : " + s);
}

雖然您可能希望每秒將HTML元素而不是document.write更新到頁面。

http://jsfiddle.net/bQNwJ/

Answer 2

將其包裝在一個函數中並讓它自己調用：

everysecond=1000; // milliseconds
function showCurrentTime(){
    /*do your timing stuff here */
    if(someConditionIsntMet) setTimeout(showCurrentTime, everysecond)
}