увеличить индикатор выполнения по времени - PullRequest
Новая
       50

увеличить индикатор выполнения по времени

0 голосов
/ 12 апреля 2020

Я посещаю много страниц, но мой вопрос другой. я сделал код для индикатора выполнения, основанный на времени, я хочу использовать его для загрузки файлов, в это время я не могу использовать ajax, поэтому я заставляю его использовать.

html: 

<!--Progress Bar-->
<div class="publisher-hidden-option">
    <div id="progress">
        <span id="percent">0%</span>
        <div class="progress">
            <div id="bar" class="progress-bar active"></div> 
        </div>
        <div class="clear"></div>
    </div>
</div>

JavaScript: 

var ithis = 0;
var counterBackthis = setInterval(function(){
  ithis++;
  if (ithis < 100.5){
    $('#bar').css('width', ithis+'%');
    $('#percent').text(ithis+'%');
    //console.log(counterBackthis);
    //console.log(ithis);
  } else {
    clearInterval(counterBackthis);
  }
}, 2000);

проблема, которую я здесь, когда загрузка завершена, я делаю: 

$('#bar').css('width','100%');
$('#percent').text('100%');
clearInterval(counterBackthis);

, но очистка таймера не работает! эти скрипты в разных функциях! Пожалуйста, помогите мне, как я могу это исправить!

1 Ответ

0 голосов
/ 13 апреля 2020

это было легко, я поставил здесь свой ответ, я должен удалить var перед counterBackthis.

...