jquery - 用逗号将计数器从零开始动画化

Question

我已经能够使用 this code 为数字从零开始制作动画:

$('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});

但是我需要用逗号显示我的号码，例如 30,000,000。当我这样做时，这段代码失败了。有没有一种简单的方法可以使其适用于这种格式？

Answer 1

您可以添加

.toLocaleString('en')

到步骤属性:

step: function(now) {
    $(this).text(Math.ceil(now).toLocaleString('en'));
}

您还可以传入 navigator.language 而不是 'en'，小数点将根据用户浏览器语言设置显示。