<div class="num" data-min="0" data-max="100"></div>
$({
countNum: $(`.num`).attr('data-min') // 起始值
}).animate(
{
countNum: $(`.num`).attr('data-max')// 最終值
},
{
duration: 3000, // 動畫持續時間
easing: "linear",
step: function () {
$(`.num`).text(Math.floor(this.countNum)); // 設置每步動畫計算的數值
},
complete: function () { // 設置動畫結束的數值
$(`.num`).text(this.countNum);
}
}
);