javascript - 动态增加AJAX加载器的加载百分比

Question

我有这个 AJAX 加载器，是使用 CSS 创建的。

我正在尝试将其显示的加载百分比每 1 秒增加 10%，以便用户可以看到一些进展。

我使用这个 setTimeout 函数每 1 秒调用一次。

这是函数和 Fiddle :

$(document).ready(function() {

    var increase = 10;
    setTimeout(function() {
        increase = increase + 10;
        $("#result").html("<div class='progress progress-striped active' style='width :300px; margin:0 auto;'><div class='bar' style='width: " + increase + "%;'></div></div>");
        if (increase == 100) {
            increase = 10;                
        }

    }, 1000);

});​

Answer 1

要重复函数调用，您需要 setInterval，而不是 setTimeout。

语法是相同的，因此您只需更改此标记即可。

但在这种情况下，您对用户撒谎(可能可以接受)，并且您正在执行一些现有的 jquery 函数的工作，例如 animate .