【JS】clock時計

prototypeでデフォルトのメソッドを上書き http://stackoverflow.com/questions/3313875/javascript-date-ensure-getminutes-gethours-getseconds-puts-0-in-front-i

by tea4two

HTML

time:<p id="time"> </p>

JavaScript

var dateH,dateM,dateS;

function tick() {
    var date = new Date();
    dateH = date.getHours();
    dateM = date.getMinutes();
    dateS = date.getSeconds();
    
    //check if Hours and Secons less than 10 if so put 0 prior to the digit.
    if(dateM < 10) {
        dateM = '0' + dateM;
    }
    if(dateS < 10) {
        dateS = '0' + dateS;
    }
    $('#time').html(dateH + ':' +dateM + ':' + dateS);

}

var int = setInterval(tick,1000);