function toDou(n){//将十以内的数字转换成两位
if(n<10){
return '0'+n
}else{
return ''+n
}
}
function tick(){//获取当前时间,并转换为字符串,循环获取字符串并改变节点图片路径
var oDate = new Date()
var str = toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds())
var oImg = document.getElementsByTagName('img')
for(var i = 0i<oImg.lengthi++){//charAt()兼容性要比str[i]好
oImg[i].src = 'img/'+str.charAt(i)+'.png'
}
}
window.onload = function(){//setInterval(function(){},毫秒)每隔指定的时间就执行一次函数
tick()
setInterval(tick, 1000)
}
</script>
Chronoline.js依赖其他库 jQuery qTip2 Raphael
使用它的时候,大概需要这样的配置
配置项的这些参数描述了我们使用这个时间轴时,它的显示外观,包扩显示的具体时间格式,刻度的显示,刻度标签的格式,时间轴的时间跨度,滚动一次的时间跨度,可以说配置说明书要看的非常多了,可以试下修改配置项,你会惊呆的,简直不要太强大。