用JQuery內置animate方法實現數字遞增動畫

平時使用animate只用於dom節點的動畫，無意間發現JQuery內置的animate方法可實現數字動畫，JQ還是挺強大的！

 

動畫效果為從0一步步跳到84，代碼如下：

$({
  // 起始值
  countNum: 0
}).animate({
  // 最終值
  countNum: 84
}, {
  // 動畫持續時間
  duration: 3000,
  easing: "linear",
  step: function() {
    // 設置每步動畫計算的數值
    $('#num').text(Math.floor(this.countNum));
  },
  complete: function() {
    // 設置動畫結束的數值
    $('#num').text(this.countNum);
  }
});