jQuery CountTo 是一款用于實現數字動態計數的 jQuery 插件。
$(function() { $('.count').countTo({ from: 0, // 開始數字 to: 100, // 結束數字 speed: 1000, // 動畫時間 refreshInterval: 100, // 刷新間隔 onComplete: function(value) { console.log('計數完成:' + value); } }); });
使用 CountTo 插件非常簡單,只需在 HTML 加入計數器元素,然后在 JavaScript 文件中調用 countTo() 方法即可。
<p class="count">0</p>
除了基本的參數,CountTo 還支持一些選項,如 easing 參數控制計數器的運動軌跡,formatter 函數用于格式化數字顯示。
$(function() { $('.count').countTo({ from: 0, to: 100, speed: 1000, easing: 'easeInOutQuad', formatter: function(value, options) { return value.toFixed(options.decimals); } }); });
除此之外,CountTo 還支持回調函數,用戶可在計數器完成時執行一些操作,例如控制臺記錄計數完成時的值。