如何让这个JavaScript重复

如何让这个JavaScript重复,javascript,Javascript,我已经取得了进步吧。我希望它使用相同的选择器和相同的属性重复。我该怎么做?解决方案 您必须使用setIntervall()而不是setTimeout 差别 这两者之间的差异是 setTimeout允许我们在时间间隔后运行一次函数 setInterval允许我们重复运行函数,在时间间隔后开始,然后在该时间间隔内连续重复 例子 x是以毫秒为单位重复的频率 var progress = document.querySelector('.progress-done'); setTimeout(()

我已经取得了进步吧。我希望它使用相同的选择器和相同的属性重复。我该怎么做?

解决方案 您必须使用
setIntervall()
而不是
setTimeout

差别 这两者之间的差异是

  • setTimeout允许我们在时间间隔后运行一次函数
  • setInterval允许我们重复运行函数,在时间间隔后开始,然后在该时间间隔内连续重复
例子 x是以毫秒为单位重复的频率

var progress = document.querySelector('.progress-done');

setTimeout(() => {
progress.style.width = progress.getAttribute('data-done') + '%';
progress.style.opacity = 1;
}, 500)
更多信息,你可以在这里找到


将设置超时更改为设置间隔

setIntervall(() => {
  progress.style.width = progress.getAttribute('data-done') + '%';
  progress.style.opacity = 1;
}, x);

您需要使用
setInterval
而不是
setTimeout
,这样您就完成了。请添加所有代码以便我们可以复制它。答案应该是自包含的。在答案中包含链接的相关部分。只有链接的答案不太有用。好的,我会更新它。谢谢你的建议
setInterval(() => {
progress.style.width = progress.getAttribute('data-done') + '%';
progress.style.opacity = 1;
}, 500)