#box{
width: 100px;
border: solid 1px #ccc;
margin: 0 auto;
padding: 10px 5px;
overflow: hidden;
}
#box>span{
display: inline-block;
width: 20px;
font-size: 21x;
text-align: center;
float: left;
}
00
:
00
:
00
//定义一个定时器,每隔一秒获取一次时间对象值,并赋值到元素
var taskId2=setInterval(function(){
var dt = new Date();//获取当前系统的时间
document.getElementById('hour').innerText =changeTo(dt.getHours());
document.getElementById('miu').innerText = changeTo(dt.getMinutes());
document.getElementById('sec').innerText = changeTo(dt.getSeconds());
},1000)
//定义一个由一位数字变成二位数字的函数
function changeTo(n){
if(n<10){
return '0'+n
}
else{
return n;
}
}
相关链接
发表评论