Delay

by naokiota

HTML

<div id="myclock">time</div>

CSS

#test {
 width: 100px;
 height: 100px;
 background: #ffb;
 padding: 10px;
 border: 2px solid #999;
}

JavaScript

var clock = 0;

$(function() {
     clock = setTimeout("UpdateClock", 1000);
});
    // UpdateClock
    function UpdateClock(){

        // clear timer
        clearTimeout(clock);

        var dt_now = new Date();
        var hh    = dt_now.getHours();
        var mm    = dt_now.getMinutes();
        var ss    = dt_now.getSeconds();

        if(hh < 10){
            hh = "0" + hh;
        }
        if(mm < 10){
            mm = "0" + mm;
        }
        if(ss < 10){
            ss = "0" + ss;
        }
        $("#myclock").html( hh + ":" + mm + ":" + ss);

        // set timer
        clock = setTimeout("UpdateClock()", 1000);

    }