Javascript 如何使用JS为多个元素创建数字计数器？

我正在尝试创建一个从0到innerHTML数字值的计数器。我让它为第一个元素工作，但不知道如何跨多个数字元素应用事件

函数animateValue（id、开始、结束、持续时间）{
var范围=结束-开始；
无功电流=启动；
var增量=结束>开始？1:-1；
var stepTime=数学绝对值（数学下限（持续时间/范围））；
var obj=document.querySelectorAll（id）；
var end=obj.innerHTML；
var timer=setInterval（函数（）{
电流+=增量；
obj.innerHTML=当前；
如果（当前==结束）{
清除间隔（计时器）；
}
}，步进时间）；
}
animateValue（“值”，0，3000）
.value{
字体大小：50px；
}
244
64,244
1100244在JavaScript中，如果不进行迭代，就不能对多个元素进行更改。因此，必须为每个
.value
元素调用
animateValue
函数
start
通常为零，因此您可以将其作为最后一个参数，并为其提供默认值。并使用
innerText
代替
innerHTML
。两者都会起作用，但它们有各自的角色


函数animateValue（项目、持续时间、开始=0）{
var end=item.innerText.replaceAll（“，”，“）.trim（）；
var范围=结束-开始；
var增量=（范围/（持续时间/10））；
如果（结束<开始）{
增量*=-1；
}
无功电流=启动；
var stepTime=1；
var timer=setInterval（函数（）{
当前+=数学单元（增量）；
item.innerText=当前；
如果（当前>=结束）{
item.innerText=结束；
清除间隔（计时器）；
}
}，步进时间）；
}
document.querySelectorAll（'.value'）.forEach（（项）=>{
动画价值（第3000项）；
});
.value{
字体大小：50px；
}
244
1,624
1100244在JavaScript中，如果不进行迭代，就不能对多个元素进行更改。因此，必须为每个
.value
元素调用
animateValue
函数
start
通常为零，因此您可以将其作为最后一个参数，并为其提供默认值。并使用
innerText
代替
innerHTML
。两者都会起作用，但它们有各自的角色


函数animateValue（项目、持续时间、开始=0）{
var end=item.innerText.replaceAll（“，”，“）.trim（）；
var范围=结束-开始；
var增量=（范围/（持续时间/10））；
如果（结束<开始）{
增量*=-1；
}
无功电流=启动；
var stepTime=1；
var timer=setInterval（函数（）{
当前+=数学单元（增量）；
item.innerText=当前；
如果（当前>=结束）{
item.innerText=结束；
清除间隔（计时器）；
}
}，步进时间）；
}
document.querySelectorAll（'.value'）.forEach（（项）=>{
动画价值（第3000项）；
});
.value{
字体大小：50px；
}
244
1,624
1100244
迭代
obj
，例如
obj.forEach（element=>{/*您的代码在这里*/}）
迭代
obj.forEach（element=>{/*您的代码在这里*/}）
非常感谢！有没有可能让所有的数字在3秒内计算到各自的总数值？我做了一些修改。请看一看：）这太好了，谢谢！有没有可能让所有的数字在3秒内计算到各自的总数值？我做了一些修改。请看一看：）