Блог

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

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

Я создал индикатор выполнения. Я хочу, чтобы он повторялся с тем же селектором и тем же атрибутом. Как бы я это сделал?

Решение

Вы должны использовать setIntervall() вместо setTimeout .

Разница

Разница между этими двумя заключается в

• setTimeout позволяет нам запускать функцию один раз по истечении заданного интервала времени.
• setInterval позволяет нам запускать функцию повторно, начиная с интервала времени, а затем непрерывно повторять с этим интервалом.

Пример

x — это то, как часто он должен повторяться в миллисекундах

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

Дополнительную информацию вы можете найти здесь

• https://www.w3schools.com/jsref/met_win_setinterval.asp
• https://javascript.info/settimeout-setinterval

Измените setTimeout на setInterval

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