Question

我有问题。

有人可以帮助修复此代码，以便进度条在达到100时重新开始。

我希望你能看到工作正在进行中。现在我的代码在达到100时停止。

希望你理解我的问题。

另一个解决方案可能是一个进度条，它可以在整个时间内跳转到不同的值。唯一重要的是进度条一直在工作，直到你从页面重定向。

这是我目前进度条的代码。

$("#progressbar").progressbar();
                var value = 0;
                var timer = setInterval (function ()
                {
                  $("div#progressbar").progressbar ("value", value);
                  value++;
                  if (value > 100) clearInterval (timer);
                }, 200);

Answer 1

当它达到100时，再次设置为0 progressBar值

。

$("#progressbar").progressbar();
var value = 0;
var timer = setInterval (function (){
$("div#progressbar").progressbar ("value", value);
    value++;
    if (value > 100) value=0;
}, 200);

Answer 2

当值达到100时，只需将值设置为0：

if(value > 100) value = 0;

参见 Live Demo

您不想清除计时器，因为它会停止动画。

当页面重定向时，所有计时器将自动清除/停止。

Answer 3

您可以尝试window.clearInterval()：

if (value > 100){
  var timer = window.clearInterval(timer);
}

Answer 4

您的if语句不在块内你应该像这样

if(value > 100){ clearInterval(timer); }

另外我认为你想在这里重置的不是间隔而是值。所以这样做：

if(value > 100){ value=0; }

那应该有用

循环我的进度条？

4 个答案: