Javascript 里程表JS相似类名

Javascript 里程表JS相似类名,javascript,jquery,odometer,Javascript,Jquery,Odometer,我想在这里创建一个我的里程表,它使用相同的类,并且只声明一次。 我尝试了document.querySelectorAll('.odometer'),但它不起作用。请参阅下面的参考资料 到目前为止我尝试的是:其他链接() const elements=document.querySelectorAll('.odometer'); 数组.from(元素).forEach((元素,索引)=>{ ticketOdometer=新里程表({ el:元素[索引], minIntegerLen:2, 格式

我想在这里创建一个我的里程表,它使用相同的类,并且只声明一次。 我尝试了
document.querySelectorAll('.odometer')
,但它不起作用。请参阅下面的参考资料

到目前为止我尝试的是:其他链接()

const elements=document.querySelectorAll('.odometer');
数组.from(元素).forEach((元素,索引)=>{
ticketOdometer=新里程表({
el:元素[索引],
minIntegerLen:2,
格式:“d”,
主题:"数码",,
价值:40
});
});
var里程表计数器=真;
函数setRandomOdometerValue(){
if(里程表布尔计数器){
$('.odometer').html(Math.floor(Math.random()*(40-1+1)+1));//更改值
}
}
setInterval(函数(){
setRandomOdometerValue();
}, 2500);

40
40
40
40
40

setRandomOdometerValue
函数中,您希望更改每个
.odometer
的内部html

由于您已经在使用jQuery,所以可以使用jQuery来实现这一点

但您也可以只使用javascript:

elements.forEach((element) => {
  element.innerHTML = Math.floor(Math.random() * (40 - 1 + 1) + 1)
});
const elements=document.querySelectorAll('.odometer');
数组.from(元素).forEach((元素,索引)=>{
ticketOdometer=新里程表({
el:元素[索引],
minIntegerLen:2,
格式:“d”,
主题:"数码",,
价值:40
});
});
函数setRandomOdometerValue(){
$('.odometer')。每个(函数(){
$(this.html(Math.floor(Math.random()*(40-1+1)+1));//更改值
})
}
设置间隔(()=>{
setRandomOdometerValue();
}, 2500);

40
40
40
40
40
elements.forEach((element) => {
  element.innerHTML = Math.floor(Math.random() * (40 - 1 + 1) + 1)
});