js輕量級計數器動畫特效外掛

countUp.js是一款輕量級的、無依賴的js計數器動畫特效外掛。它能夠幫助我們快速的透過多種方式建立計數器的動態變化效果。透過設定startVal和endVal引數，countUp 可以在任何一個方向上計數。countUp相容新超強，相容所有的瀏覽器。

線上演示 下載

可用引數

• target ：html元素的id，可以是input元素、svg文字元素或者預先提供的元素選擇器變數。
• startVal ：計數器開始的數值。
• endVal ：計數器結束的數值。
• decimals ：計數器數值精度。預設值為0。
• duration ：計數器動畫持續時間，單位秒，預設值2。
• options ：一個物件，決定計數器數值的格式和動畫easing效果。

Decimals, duration 和 options可以使用預設值。

var numAnim = new countUp("SomeElementYouWantToAnimate", 24.02, 99.99);
numAnim.start();
                

回撥方法

numAnim.start(someMethodToCallOnComplete);

// or an anonymous function
numAnim.start(function() {
    // do something
})
                

其它方法

停止計數器動畫

numAnim.stop();
                

恢復計數器動畫

numAnim.resume();
                

重置計數器動畫

numAnim.reset();