简单钟表的写法
<span class="textSpan"></span>
var nowTime = new Date(); //实例化Date,获取当前日期时间
var myHours = nowTime.getHours() // 获取当前小时(0-23)
var myMinu = nowTime.getMinutes() // 获取当前分钟(0-59)
var mySec = nowTime.getSeconds() // 获取当前秒数(0-59)
setInterval(function(){ //setInterval定时方法,每一秒执行一次,实现时钟效果
var nowTime = new Date();
var myHours = nowTime.getHours() // 获取当前小时(0-23)
//做判断处理,当小于10的时候显示为01,02,03...,否则会显示有误,如1:25:30
if(myHours<10){
myHours = '0' + myHours
}
var myMinu = nowTime.getMinutes() // 获取当前分钟(0-59)
//做判断处理,当小于10的时候显示为01,02,03...,否则会显示有误,如11:5:30
if(myMinu<10){
myMinu = '0' + myMinu
}
var mySec = nowTime.getSeconds() // 获取当前秒数(0-59)
//做判断处理,当小于10的时候显示为01,02,03...,否则会显示有误,如11:05:3
if(mySec<10){
mySec = '0' + mySec
}
var currentTime = [myHours,myMinu,mySec]
var time = currentTime.join(':'); //用join方法拼接成00:00:00格式
$('.timeSpan').text(time)
//至此,时间输出为11:05:03正确格式,而非11:5:3
}, 1000);