思路:
1、获取当前时间,
2、将当前时间拼接成6位数的字符串
3、将图片路径改为相对应的数字
实现方式:
1、获取当前时间
var oDate = new Date()
oDate.getHours() //获取时
oDate.getMinutes() //获取分
oDate.getSeconds() //获取秒
2、拼接成字符串
考虑到时分秒都是两位数,在数字小于10的时候,需要补0处理,封装函数
function toDou(n) {
if(n<10){
return "0"+n
}else {
return ""+n
}
}
3、修改图片路径为相应的数字
for(var i=0;i<aImg.length;i++) {
aImg[i].src="img/"+str[i]+".png"
}
此时,str[i]的形式在ie9以下出现兼容问题,特改为str.charAt(i)
4、设置定时器
直接设置定时器,出现首次加载的时候页面为00:00:00的情况,此时,应该将函数改为具名函数,页面加载时候执行一次。
效果如图所示: