8

根据此处的答案,我正在尝试等待,然后在数组中的所有图像都已完成加载(使用 .complete)时收到一条消息。因此,我设置了一个无限循环,如下所示。但是,当我运行它时,我收到一个错误,即未定义 checkForAllImagesLoaded()。这段代码通过一个小书签运行,因此它全部包含在一个匿名函数构造中(如下所示)。如果我在该构造之外重新定义我的函数和变量,它就可以工作。但这似乎是编写书签的一种糟糕方法。我该如何解决这个问题,以便它在 setTimeout 之后仍能识别该功能?

(function() {

    //var images = array of images that have started loading

    function checkForAllImagesLoaded(){
        for (var i = 0; i < images.length; i++) {
            if (!images[i].complete) {
               setTimeout('checkForAllImagesLoaded()', 20);
               return;
            }
        }
    }

    checkForAllImagesLoaded();

})();
4

3 回答 3

8

删除函数调用,并取出引号。如果您不加引号,则setTimeout直接引用以后可以调用的函数。但是,如果在诸如"checkForAllImagesLoaded"or之类的字符串中"checkForAllImagesLoaded()",那么它将在超时发生时执行传入的代码。

那时,checkForAllImagesLoaded将在全局对象(窗口)中搜索,但未在此处定义,原因是您收到undefined错误消息。

您的代码被包装在一个自调用匿名函数中,并且在它之外checkForAllImagesLoaded不存在。因此,在 setTimeout 调用中传递对函数的直接引用,而不是字符串。

setTimeout(checkForAllImagesLoaded, 20);

setTimeout可以使用函数(和可选参数)或包含 JavaScript 代码的字符串调用:

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);
var timeoutID = window.setTimeout(code, delay);
于 2010-06-30T01:34:45.353 回答
1

使用您的代码,您可以设置每次调用的超时次数。您应该每次checkForAllImagesLoaded()调用只设置一次超时,并且可能会增加等待时间(20 毫秒太快了)。例如

function checkForAllImagesLoaded() {
  var allComplete=true;
  var i=0;

  while (i<images.length && allComplete) {
    allComplete=images[i++].complete;
  }

  if (!allComplete) { // Any incomplete images?
    setTimeout('checkForAllImagesLoaded()',1000); // Wait a second!
  }
}
于 2010-06-30T01:52:44.517 回答
1

删除 settimeout 调用中的 ()。

setTimeout('checkForAllImagesLoaded', 20);

于 2010-06-30T01:30:54.303 回答