ScrollerJSJavaScript 數(shù)字滾動庫

ScrollerJS 是 JavaScript 輕量級數(shù)字滾動庫，提供動態(tài)數(shù)字滾動效果，可以嵌入到 Web 應(yīng)用中使用。

主要特性

• 輕量級，壓縮后只有 12 KB

• 沒有任何依賴和外部框架和庫

• 跨瀏覽器兼容：Chrome 42.0, Firefox 37.0.2, IE 11, Safari 5.1.7, Opera 29.0

ScrollerJS 支持 CSS 轉(zhuǎn)換和 DOM 動態(tài)。

示例

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);