快速創建顯示數字數據的動畫——CountUp.js

由於項目需求，需要寫一個數字增/減量的動畫特效，最後找到了CountUp.js

CountUp.js是一個無依賴，輕量級的JavaScript“類”，可用於快速創建以更有趣的方式顯示數字數據的動畫。

使用需引入countUp.js文件，以下例子還引用了jquery.js

countUp.js文件地址：https://github.com/inorganik/CountUp.js

也可以訪問：http://inorganik.github.io/countUp.js/

jquery.js文件地址：http://jquery.com/download/

            //選項配置
            var options = {  
                useEasing: true, //使用緩動
                useGrouping: true, //使用分組
                separator: ',', //分隔符
                decimal: '.', //小數點
                prefix: '', //首碼 
                suffix: '' //尾碼
            };
            $(document).ready(function() {
                //創建顯示數字數據的動畫實例
                var demo = new CountUp('count', 0, 334, 2, 2.0, options);
                if(!demo.error) {  
　　　　　　　　　　　　//調用開啟動畫方法
                    demo.start();
                } else {  
                    console.error(demo.error);
                }
            });

var demo = new CountUp('count', 0, 334, 2, 2.0, options);

創建實例函數參數說明：
target：目標元素的id
startVal：開始的數字
endVal：結束的數字
decimals：保留小數位數，預設0
duration：動畫時長，單位秒，預設2
options：其他選項配置