ScrollerJS是JavaScript轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到Web应用中使用。
主要特性轻量级,压缩后只有12KB
没有任何依赖和外部框架和库
跨浏览器兼容:Chrome42.0,Firefox37.0.2,IE11,Safari5.1.7,Opera29.0
ScrollerJS支持CSS转换和DOM动态。
示例HTML:
<div id="clock-pae"></div>JavaScript:
var clockScroller=Scroller.getNewIstace({width:200,amout:40,iterval:600,separatorType:Scroller.SEPARATOR.TIME,separator:":"});clockScroller.appedTo(documet.getElemetById("clock-pae"));clockScroller.start("000000");setIterval(fuctio(){var ow=ew Date();var hours=ow.getHours();var miutes=ow.getMiutes();var secods=ow.getSecods();hours=(hours<10)?"0"+hours:hours+"";miutes=(miutes<10)?"0"+miutes:miutes+"";secods=(secods<10)?"0"+secods:secods+"";var timeStr=hours+miutes+secods;clockScroller.scrollTo(hours+miutes+secods);},1000);









评论