在 var 达到一定值后用 setinterval 做些什么？

Question

我有一个 bootstrap 加载栏，每 250 毫秒使用 setinterval 更新一次，所以看起来它正在取得进展。我试图在加载栏达到 100% 时显示警报和重定向。

<div class="progress" style="border-radius:0px;">
    <div class="progress-bar progress-bar-success progress-bar-striped active" 
         style="border-radius:0px;" id="loading" role="progressbar" aria-valuenow="75" 
         aria-valuemin="0" aria-valuemax="100" style="width: 0%">
   </div>
</div>

我试过在函数结束前添加 window.location 但它不起作用。我怎样才能做到这一点？也许用 if 语句？

        var percentl = 10;
        setInterval(function () {
            percentl = percentl + 2;
            document.getElementById("loading").style.width = percentl + "%";
        }, 250);

Answer 1

您需要一个 if 语句来检查栏是否已满，如果是，则清除间隔，显示警报，最后进行重定向。

有用的功能：

Answer 2

您可以使用 clearInterval 停止计时器，添加 if 语句检查 % 是否已达到 100 和 location.href 用于重定向 URL。

var percentl = 10;
var timer = setInterval(function () {
              percentl = percentl + 2;
              document.getElementById("loading").style.width = percentl + "%";
              if(percentl > 99){
                clearInterval(timer);
                // do your stuff
                location.href = "redirectToThisURL";
              }              
            }, 250);

在 var 达到一定值后用 setinterval 做些什么？

Do something after var reaches certain value with setinterval?

javascript

timer

setinterval

twitter-bootstrap