Question

我希望利用countUp.js（https://inorganik.github.io/countUp.js/）来运行数字计数器动画。但是，我希望格式化这些数字，因为它们包括缩写，例如从＆＃34; 100k＆＃34;开始并计算到＆＃34; 1m＆＃34;

我在使用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/

带有缩写数字的jQuery countUp.js

1 个答案: