javascript - Javascript 中的繁忙指示器竞争条件

Question

我有以下 (javascript/jquery) 代码在加载图像时显示繁忙指示器(延迟后):

function imgUpdate(arg) {
    var loaded = false;

    $("#image").one("load", function(){
        loaded = true;
        $("#busyIndicator").hide();
    });

    setTimeout(function(){
        if (!loaded) {
            $("#busyIndicator").show();
        }
    }, 250);

    $("#image")[0].src = arg;
}

有时，指标出现并保持不变。如果浏览器的 javascript 引擎是单线程的，这怎么可能？ (顺便说一句，这是在 Firefox 3 上。)

请注意:当正在加载的图像已经缓存时，这似乎会发生。

另一个注意事项:如果我登录到我的 firebug 控制台，imgUpdate 中的所有行都会被执行，但是 onload 处理程序中的日志消息永远不会在后续调用 imgUpdate 时打印出来。

Answer 1

页面上是否还有其他 javascript 出现问题？如果是这样，这可能不是竞争条件——JS 可以在 busyIndi​​cator 再次隐藏之前简单地停止执行...