我如何让这个 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 更改为 setIntervalsetInterval(() => {progress.style.width = progress.getAttribute('data-done') + '%';progress.style.opacity = 1;}, 500)