如何使时间函数自我更新

How to make time function update itself?

本文关键字：自我 更新 函数 时间 何使      更新时间：2023-09-26

当我在浏览器中加载这个时，它会显示页面完全加载的时间，但不会每秒更新一次。我该怎么做呢?

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

使用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/

将其封装在一个函数中，并让它调用自己:

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