电子表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);
}