今天就跟大家聊聊有關如何使用CountUp.js數字滾動插件，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
CountUp.js 是一個輕量級，無依賴的JavaScript類，通過簡單的設置就可以達到數字滾動的效果
可配置項：
target = 目標元素的 ID；
startVal = 開始值；
endVal = 結束值；
decimals = 小數位數，默認值是0；
duration = 動畫延遲秒數，默認值是2；
//用法：
var options = {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
}
var demo = new CountUp(target , startVal, endVal , decimals , duration , options);
demo.start();相關代碼實例如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"></div> <script src="https://cdn.bootcss.com/countup.js/1.9.3/countUp.js"></script> <script type="text/javascript"> var options = { useEasing: true, useGrouping: true, separator: ',', decimal: '.', }; var demo = new CountUp('box', 0, 4068, 0, 2.5, options); if (!demo.error) { demo.start(); } else { console.error(demo.error); } </script> </body> </html>
看完上述內容，你們對如何使用CountUp.js數字滾動插件有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
