电子表clock

html结构:
   <div><span></span>时<span></span>分<span></span>秒</div>

js代码简介:
时间处理
     创建日期对象 var oDate = new Date();
     将获取的时分秒存储在数组中  var aDate = [oDate.getHours(), oDate.getMinutes(),oDate.getSeconds()];
     将aDate添加到span元素中。
     function create() {
        var oDate = new Date();
        var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];
        for (var i in aDate) {
             spans[i].innerHTML = format(aDate[i]);
         }
     }
格式化处理
如果是一位数字,向前补零处理
function format(str){
   return str.toString().replace(/^(\d)$/,"0$1");
}
初始化
function init() {create();
   setInterval(function () {create();}, 1000);
}

posted @ 2012-02-14 17:26  前端咖  阅读(300)  评论(0编辑  收藏  举报