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 回答