How to make time function update itself?

Question

When I load this in a browser it'll show the time it was when page was fully loaded, but won't update itself every second. How do I do this?

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

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

Although you probably want to update a HTML element rather than document.write to the page every second.

http://jsfiddle.net/bQNwJ/

Answer 2

Wrap it up in a function and let it call itself:

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