Question

我有这段代码：

<span class="counter">15000</span>

和num.toLocaleString() ;

我想将它与

结合起来

Module build failed:

module.exports = __webpack_public_path__ + "static/media/reset.b0bc6c14.less";
             ^
Unrecognised input
      in /Users/benflowers/Projects/candidate/candidate-ui-cra/node_modules/semantic-ui-less/definitions/globals/reset.less (line 1, column 15)

显示例如15 000而不是15000

我不是javascript的专家，所以我不知道该怎么做。请问有人帮忙吗？

Answer 1

您可以创建另一个辅助函数，它将一个数字作为输入，并为您提供本地化的字符串。然后你可以用它包装代码的一部分，它给你实际的数字（Math.ceil(now)）。阿拉伯语的两者组合（只是一个例子）看起来像这样：

function startCounter(){
    $('.counter').each(function (index) {
        $(this).prop('Counter',0).animate({
        Counter: $(this).text()
        }, {
        duration: 2000,
        easing: 'swing',
        step: function (now) {
            $(this).text(toArabic(Math.ceil(now)));
        }
        });
    });
}   

function toArabic(x) {
    return x.toLocaleString('ar-EG');
}

startCounter();

要获取您的特定国家/地区代码，只需查看“BCP 47语言标记”即可。希望我能帮忙:)。

Answer 2

好的，在KofferDev的帮助下，我得到了它的工作：

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

 function toArabic(x) {
     return x.toLocaleString('cs-CZ');
 }

HTML部分相同：

<span class="counter">15000</span>

JS计数器添加空格

2 个答案: