ScrollerJS是JavaScript轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到Web应用中使用。
主要特性轻量级,压缩后只有12KB
没有任何依赖和外部框架和库
跨浏览器兼容:Chrome42.0,Firefox37.0.2,IE11,Safari5.1.7,Opera29.0
ScrollerJS支持CSS转换和DOM动态。
示例HTML:
<div id="clock-pane"></div>JavaScript:
var clockScroller=Scroller.getNewInstance({width:200,amount:40,interval:600,separatorType:Scroller.SEPARATOR.TIME,separator:":"});clockScroller.appendTo(document.getElementById("clock-pane"));clockScroller.start("000000");setInterval(function(){var now=new Date();var hours=now.getHours();var minutes=now.getMinutes();var seconds=now.getSeconds();hours=(hours<10)?"0"+hours:hours+"";minutes=(minutes<10)?"0"+minutes:minutes+"";seconds=(seconds<10)?"0"+seconds:seconds+"";var timeStr=hours+minutes+seconds;clockScroller.scrollTo(hours+minutes+seconds);},1000);
评论