js用图片做时间和日期

JavaScript014

js用图片做时间和日期,第1张

js:<script type="text/javascript">

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

使用它的时候,大概需要这样的配置

配置项的这些参数描述了我们使用这个时间轴时,它的显示外观,包扩显示的具体时间格式,刻度的显示,刻度标签的格式,时间轴的时间跨度,滚动一次的时间跨度,可以说配置说明书要看的非常多了,可以试下修改配置项,你会惊呆的,简直不要太强大。