Adding commas, decimal to number output javascript

Question

I'm using the following code to count up from a starting number. What I need is to insert commas in the appropriate places (thousands) and put a decimal point in front of the last two digits.

function createCounter(elementId,start,end,totalTime,callback)
{
    var jTarget=jQuery("#"+elementId);
    var interval=totalTime/(end-start);
    var intervalId;
    var current=start;
    var f=function(){
        jTarget.text(current);
        if(current==end)
        {
            clearInterval(intervalId);
            if(callback)
            {
                callback();
            }
        }
        ++current;
    }
    intervalId=setInterval(f,interval);
    f();
}
jQuery(document).ready(function(){
    createCounter("counter",12714086+'',9999999999,10000000000000,function(){
        alert("finished")
    })
})

Executed here: http://jsfiddle.net/blackessej/TT8BH/3/

[This answer to a different SO question](http://stackoverflow.com/questions/1068284/format-numbers-in-javascript/1068299#1068299) may help. — sdleihssirhc, Aug 17 '11 at 18:01
Are you asking us to write the code for you? Why not taking a stab at it first, then asking us if you get stuck — riwalk, Aug 17 '11 at 18:01

score 1 · Answer 1 · edited Aug 26 '12 at 06:37

1

var s = 121221;

Use the function insertDecimalPoints(s.toFixed(2));

and you get 1,212.21

function insertDecimalPoints(s) {
    var l = s.length;
    var res = ""+s[0];
    console.log(res);
    for (var i=1;i<l-1;i++)
    {
        if ((l-i)%3==0)
            res+= ",";
        res+=s[i];
    }
    res+=s[l-1];

    res = res.replace(',.','.');

    return res;
}

edited Aug 26 '12 at 06:37

nhahtdh

55,989
15
126
162

answered Aug 26 '12 at 05:52

Ernesto Giron

11
1

score 0 · Answer 2 · answered Feb 04 '14 at 11:39

This function can be used for if not working locale somite
number =1000.234; number=insertDecimalPoints(number.toFixed(3));

   function insertDecimalPoints(s) {
   console.log(s);
    var temaparray = s.split(".");
    s = temaparray[0];
    var l = s.length;
    var res = ""//+s[0];
    console.log(res);
    for (var i=0;i<l-1;i++)
    {
        if ((l-i)%3==0 && l>3)
            res+= ",";
        res+=s[i];
    }
    res+=s[l-1];
    res =res +"."+temaparray[1];
    return res;
}

score 0 · Answer 3 · edited Mar 15 '17 at 21:30

0

function convertDollar(number) {
    var num =parseFloat(number);
    var n = num.toFixed(2);
    var q =Math.floor(num);
    var z=parseFloat((num).toFixed(2)).toLocaleString();
    var p=(parseFloat(n)-parseFloat(q)).toFixed(2).toString().replace("0.", ".");
    return z+p;
}

edited Mar 15 '17 at 21:30

answered Mar 15 '17 at 21:04

Karla Rivera

1

maxedison · Accepted Answer · 2011-08-17T19:27:30.780

Check out this page for explanations on slice(), split(), and substring(), as well as other String Object functions.

var num = 3874923.12 + ''; //converts to a string
numArray = num.split('.'); //numArray[0] = 3874923 | numArray[1] = 12;

commaNumber = '';
i = numArray[0].length;
do
{
    //we don't want to start slicing from a negative number. The following line sets sliceStart to 0 if i < 0. Otherwise, sliceStart = i
    sliceStart = (i-3 >= 0) ? i-3 : 0;

    //we're slicing from the right side of numArray[0] because i = the length of the numArray[0] string.
    var setOf3 = numArray[0].slice(sliceStart, i);

    commaNumber = setOf3 + ',' + commaNumber; //prepend the new setOf3 in front, along with that comma you want

    i -= 3; //decrement i by 3 so that the next iteration of the loop slices the next set of 3 numbers
}
while(i >= 0)

//result at this point: 3,874,923,

//remove the trailing comma
commaNumber = commaNumber.substring(0,commaNumber.length-1);

//add the decimal to the end
commaNumber += '.' + numArray[1];

//voila!

Thanks @maxedison. The thing is, I'm not all that adept at JavaScript yet...I believe I've taken the correct step to convert my number into a string - http://jsfiddle.net/blackessej/TT8BH/3/, but I'm uncertain where to go from here. — blackessej, Aug 17 '11 at 19:08

Adding commas, decimal to number output javascript

4 Answers4