Как сделать, чтобы прогресс бар отработал не один раз, а несколько?

D
На сайте с 01.09.2015
Offline
59
227

Привет. Подскажите, как сделать следующее... Имеется прогресс бар, который за указанное время (3 секунды) отрабатывает лишь один раз. Мне же нужно чтобы он отработал пять раз (например): сначала 3 секунды, затем 5 секунд, 9 секунд, 4 секунды, и 7 секунд. Как это можно сделать?


<progress id="user-progress" value="0" max="100"></progress>


function userProgress(time){
var start = 0;
var time = Math.round(time*1000/100);
var progressElement = document.getElementById('user-progress');
var intervalId = setInterval(function(){
if (start>100) {
clearInterval(intervalId);
}
else {
progressElement.value = start;
}
start++;
}, time);
}
userProgress(3);
Samail
На сайте с 10.05.2007
Offline
362
#1

https://codepen.io/Samail/pen/ZEGKVmP

timeout = timeout + item + 0.5;

0.5 - задержка в секундах между повторами.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий