使进度条随时间增加

Question

我访问了很多页面，但是我的问题有所不同。我根据时间制作了进度条代码，我想将其用作文件上传，但是这次我无法使用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);

但是清除计时器不起作用！这些脚本功能不同！请帮助我如何解决这个问题！

Answer 1

很简单，我把我的答案放在这里，我应该在counterBackthis之前删除var。