所有元素的Javascript设置间隔（多个计数器）

我试图使用javascript和setInterval在同一页面上创建多个计数器

我的代码中的问题是它只更新了最后一个元素

var新值；
var counterworld=document.getElementsByClassName（'counterworld'）；
对于（变量i=0；i'+countUp（item.getAttribute（'data-start'）、item.getAttribute（'data-increment'））100）；
}
函数倒计时（开始、递增）{
if（newvalue==null）{
newvalue=parseFloat（开始）+parseFloat（增量）；
}
否则{
newvalue=newvalue+parseFloat（增量）；
}
如果（增量<1）{
返回newvalue.ToLocalString（未定义，{maximumFractionDigits:2}）；
}
否则{
返回newvalue.ToLocalString（未定义，{maximumFractionDigits:0}）；
}
}

100

19216060382458.4

4629347058.7918

将

var i

更改为

let i

并将

var项目

更改为

let项目

：

var counterworld=document.getElementsByClassName（'counterworld'）；
for（设i=0；i'+value.toLocalString（未定义{
最大分数位数：增量<1？2:0
});
}, 100);
}

100

19216060382458.4

4629347058.7918

将

var i

更改为

let i

并将

var项目

更改为

let项目

：

var counterworld=document.getElementsByClassName（'counterworld'）；
for（设i=0；i'+value.toLocalString（未定义{
最大分数位数：增量<1？2:0
});
}, 100);
}

100

19216060382458.4

4629347058.7918

您需要将

项

对象包装在一个闭包中，如下所示：

var新值；
var counterworld=document.getElementsByClassName（'counterworld'）；
对于（变量i=0；i'+countUp（item.getAttribute（'data-start'）、item.getAttribute（'data-increment'）；
}; 
})（项目一），100）；
}
函数倒计时（开始、递增）{
if（newvalue==null）{
newvalue=parseFloat（开始）+parseFloat（增量）；
}
否则{
newvalue=newvalue+parseFloat（增量）；
}
如果（增量<1）{
返回newvalue.ToLocalString（未定义，{maximumFractionDigits:2}）；
}
否则{
返回newvalue.ToLocalString（未定义，{maximumFractionDigits:0}）；
}
}

100

19216060382458.4

4629347058.7918

您需要将

项

对象包装在一个闭包中，如下所示：

var新值；
var counterworld=document.getElementsByClassName（'counterworld'）；
对于（变量i=0；i'+countUp（item.getAttribute（'data-start'）、item.getAttribute（'data-increment'）；
}; 
})（项目一），100）；
}
函数倒计时（开始、递增）{
if（newvalue==null）{
newvalue=parseFloat（开始）+parseFloat（增量）；
}
否则{
newvalue=newvalue+parseFloat（增量）；
}
如果（增量<1）{
返回newvalue.ToLocalString（未定义，{maximumFractionDigits:2}）；
}
否则{
返回newvalue.ToLocalString（未定义，{maximumFractionDigits:0}）；
}
}

100

19216060382458.4

4629347058.7918

您的代码为每个元素添加相同的计数器。它应该使用'data start'元素，并为每个类'counterworld'@Yanga添加'data increment'。您的代码有很多问题，为此我必须更改一些内容。但是不客气。谢谢您花时间在这方面，代码按预期工作。您的代码为每个元素添加相同的计数器。它应该使用'data start'元素，并为每个类'counterworld'@Yanga添加'data increment'。您的代码有很多问题，为此我必须更改一些内容。但是不客气。谢谢你在这方面花时间，代码按预期工作。谢谢你，但是@Patrick Roberts更适合我的情况！谢谢，但是@Patrick Roberts更适合我的情况！