帶有縮寫號碼的jQuery countUp.js

Question

我期待利用countUp.js（https://inorganik.github.io/countUp.js/）來運行數字計數器動畫。不過，我想將數字格式化爲包括縮寫，例如從「100k」開始計數到「1m」

在使用JS之前，我已經能夠縮寫數字，但我不確定如何改變或使用countUp.js來包含重新格式化與此同時。也打開使用不同的數字計數JS插件。任何示例或指導將不勝感激。

Answer 1

正如@Daniel所提到的，您可以使用formattingFn函數。

您可以通過定義一系列的數字開始要在格式包括：

var ranges = [ 
    { divider: 1000000 , suffix: 'M' }, 
    { divider: 1000 , suffix: 'k' } 
]; 

然後，沿着自定義函數爲formattingFn選項傳遞給縮寫你的號碼：

formattingFn: (n) => { 
    for (var i = 0; i < ranges.length; i++) { 
     if (n >= ranges[i].divider) { 
      return (n/ranges[i].divider).toString() + ranges[i].suffix; 
     } 
    } 
    return n.toString(); 
} 

爲了演示如何將這些與演示一起應用到您提供的鏈接上，我創建了這個jsfiddle：

https://jsfiddle.net/0cg1caka/4/