JavaScript 计数器中的千位分隔符

Question

我有这个计数器 JavaScript 片段：

var START_DATE = new Date("October 24, 2015 11:00:00"); // start
var INTERVAL = 1; // sec
var START_VALUE = 0; // init value
var INCREMENT = 0.13; // value per sec
var count = 0;

window.onload = function()
{
 var msInterval = INTERVAL * 1000;
 var now = new Date();

 count = parseInt((now - START_DATE)/msInterval,10) * INCREMENT + START_VALUE;
 document.getElementById('count').innerHTML = count.toFixed(2);
 setInterval("count += INCREMENT; document.getElementById('count').innerHTML = count.toFixed(2);", msInterval);    
}

计数器最终可能会显示以千和百万为单位的值。我的问题是如何用 comma/blank space 分隔千位？我试图通过 CSS 来实现这一点，但显然这里可用的选项不是很实用。我想知道 JavaScript 中的可能解决方案。我在 jsfiddle 上找到了这个，但我不确定如何将它应用到计数器的结果上？

function addCommas(n){
var rx=  /(\d+)(\d{3})/;
return String(n).replace(/^\d+/, function(w){
    while(rx.test(w)){
        w= w.replace(rx, ',');
    }
    return w;
});
}

Answer 1

您可以使用 javascript 的内置 toLocaleString 函数。这是一个example from MDN

var number = 3500;

console.log(number.toLocaleString()); // Displays "3,500" if in U.S. English locale

还有一些其他选项可以与该功能一起使用，但并非所有浏览器都支持它们。基本使用应该可以。

JavaScript 计数器中的千位分隔符

Thousand separator in a JavaScript counter

javascript

counter

separator