jquery - 循环我的进度条？

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;

观看现场演示

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

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

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; }

那应该工作