我如何让这个 JavaScript 重复

Question

var progress = document.querySelector('.progress-done');setTimeout(() => {progress.style.width = progress.getAttribute('data-done') + '%';progress.style.opacity = 1;}, 500)我做了一个进度条。我希望它使用相同的选择器和相同的属性重复。我该怎么做？

Answer 1

解决方案

你必须使用setIntervall()而不是setTimeout.

不同之处

这两者之间的区别是

• setTimeout允许我们在时间间隔后运行一次函数。

• setInterval允许我们重复运行一个函数，在时间间隔后开始，然后以该时间间隔连续重复。

例子

x是重复频率（以毫秒为单位）

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

Answer 2

将 setTimeout 更改为 setInterval

setInterval(() => {

progress.style.width = progress.getAttribute('data-done') + '%';

progress.style.opacity = 1;

}, 500)