修改countup jquery函数以包含逗号?

修改countup jquery函数以包含逗号?,jquery,Jquery,如何修改以下内容以在输出中包含逗号?例如,300000的输出将打印为“300000” html <span class="number counter" data-count="300000">300,000</span> 这不同于-,因为我需要使用逗号进行计数和显示计数器-步骤中的操作需要添加动态逗号。您可以使用正则表达式: nStr.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); jQuery(文档)

如何修改以下内容以在输出中包含逗号?例如,
300000
的输出将打印为“300000”

html

<span class="number counter" data-count="300000">300,000</span>
这不同于-,因为我需要使用逗号进行计数和显示计数器-
步骤中的操作需要添加动态逗号。

您可以使用正则表达式:

nStr.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
jQuery(文档).ready(函数($){
$('.counter')。每个(函数(){
变量$this=$(this),
countTo=$this.attr('data-count');
$({countNum:$this.text()})({
countNum:countTo
},
{
持续时间:999,
放松:'线性',
步骤:函数(){
$this.text(addCommas(Math.floor(this.countNum));
},
完成:函数(){
$this.text(addCommas(this.countNum));
console.log('finished')
}
});
函数addCommas(nStr){
返回nStr.toString()。替换(/(\d)(?=(\d\d\d)+(?!\d))/g,“$1”);
}
});
});


300000
这个问题最流行答案的可能重复是使用库,这不是最好的解决方案。其次,您会发现当前的问题是在“倒计时”时包含逗号,而不是在倒计时功能完成时。这不起作用,因为倒计时时不包含逗号-仅在打印到屏幕后显示逗号。然后使用
addCommas()
中的
设置动画。步骤
而不是
设置动画。完成
。不,这不起作用。在步骤计数过程中会出现
NaN
编辑答案,以便您可以看到
动画中的更改。步骤
。非常有用!谢谢你在这方面的帮助。
nStr.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");