Question

我有自举加载栏：

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

我正在尝试每隔几秒更改一次条形图的宽度，因此看起来条形图正在取得进展。

我有这个，但它不起作用：

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

Answer 1

您在功能块中声明var percentl，因此percentl仅在内部函数的范围内声明，每次调用函数时percentl的值未定义并且在设置为NaN之后（正如RobG在评论中所述）。试试这个：

var percentl = 0;
setInterval(function () {
  percentl = percentl + 5;
  document.getElementById("loading").style.width = percentl + "%";
}, 1000);

Answer 2

1）percentl在您的函数中具有局部范围。每次调用它时，您都会将其重新定义为相同的值。

将percentl设置为全局范围，每次调用时都可以由匿名函数访问。

2）您也只调用一次setInterval。您应该循环调用它，直到达到100％。类似的东西：

where $movie/styles/style[not(.=("noir","anthology"))]

Answer 3

List<Log> logs = new ArrayList<Log>();

如何制作间隔计时器？

3 个答案: