jQuery 计数器插入逗号来分隔字符串

Question

我有一个每 x 秒递增一次的计数器，这是我的代码：

var counter=22000000000;
if(typeof(localStorage.getItem('counts'))!='object') {
   counter=parseInt(localStorage.getItem('counts'));
}
$(".count").html(counter);
setInterval(function () {
    $(".count").html(counter);
    ++counter;
    localStorage.setItem('counts',counter);
}, 18000);

因为起始数字太高，读起来不太好，请看这里：http://jsfiddle.net/vpju4cpr/1/

理想情况下而不是输出 22000000000 我希望它显示 22,000,000,000

我该怎么做？

Answer 1

要用逗号格式化数字，您可以使用此正则表达式：

var counterString = counter.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
$(".count").html(counterString );

input: 199999999

output: "199,999,999"

Answer 2

在您的 .html() 函数中，将 counter 更改为 counter.toLocaleString() 像这样：

var counter=22000000000;
 if(typeof(localStorage.getItem('counts'))!='object') {
    counter=parseInt(localStorage.getItem('counts'));
 }
 $(".count").html(counter.toLocaleString());
 setInterval(function () {
     $(".count").html(counter.toLocaleString());
     ++counter;
     localStorage.setItem('counts',counter);
 }, 18000);

jQuery 计数器插入逗号来分隔字符串

jQuery counter insert commas to break up string

javascript

jquery

string

counter