jQuery counter insert commas to break up string

Question

I have a counter that increments every x seconds, here's my code:

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);

Because the starting number is so high it doesn't read well, see it here: http://jsfiddle.net/vpju4cpr/1/

Ideally instead of outputting 22000000000 I'd like it to read 22,000,000,000

How can I do this?

Try searching first: [http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript](http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript). I googled "javascript insert commas into number" — neilsimp1, Jun 16 '15 at 15:23

score 1 · Accepted Answer · answered Jun 16 '15 at 15:24

in your .html() function, change counter to counter.toLocaleString() like this:

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);

score 0 · Answer 2 · answered Jun 16 '15 at 15:24

0

To format a number with comma, you can use this regex:

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

input: 199999999

output: "199,999,999"

answered Jun 16 '15 at 15:24

TaoPR

5,932
3
25
35

jQuery counter insert commas to break up string

2 Answers2