JS를 통해 증가하는 숫자에 쉼표를 추가하는 방법은 무엇입니까?

Question

나는 내 20000 사이에 쉼표를 추가하여 20,000으로 표시하고 깔끔하게 정리했지만 다음 단계를 채우려 고 노력했다. 아래에, 나는 그것을 할 수있는 함수로 내 코드를 나열했지만 함께 제대로 작동하도록 두 연결하려고합니다.

Here is my jsFiddle!

그리고 코드

..

HTML

<span id="liveNumbers">23000</span> 

JS

setInterval(function(){ 
random = (Math.floor((Math.random()*2)+1)); 
var plus = Math.random() < 0.5 ? 1 : 1; 
random = random * plus; 
currentnumber = document.getElementById('liveNumbers'); 

document.getElementById('liveNumbers').innerHTML = parseInt(currentnumber.innerHTML) + random; 

}, 3000); 

function commaSeparateNumber(val){ 
while (/(\d+)(\d{3})/.test(val.toString())){ 
    val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); 
} 
return val; 
    } 

Answer 1

당신은 쉼표를 포함하도록 초기 값을 변경하거나 초기를해야 할 것 setInterval이 시작되기 전에 실행되지만 다음과 같이 작동 할 수 있습니다.

setInterval(function(){ 
    random = (Math.floor((Math.random()*2)+1)); 
    var plus = Math.random() < 0.5 ? 1 : 1; 
    random = random * plus; 
    currentnumber = document.getElementById('liveNumbers'); 
    var curnum = parseInt(currentnumber.innerHTML.replace(",","")); 

    document.getElementById('liveNumbers').innerHTML = 
     commaSeparateNumber(curnum + random); 
}, 3000); 

function commaSeparateNumber(val){ 
    while (/(\d+)(\d{3})/.test(val.toString())){ 
     val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); 
    } 
    return val; 
}