延迟执行js函数

Question

我写了一个函数来在框的中心显示图像。但是，加载图像时，它会带有一些默认样式，包括位置信息。调用中心图像功能基本上与图像加载同时发生，但它在图像完全加载之前完成。这导致中心图像功能的副作用被图像的默认样式夸大，结果图像不被放置在框的中心。

我想知道我是否可以延迟执行中心图像功能来解决这个问题。有谁告诉我如何延迟执行js函数？非常感谢。

Answer 1

您可以使用setTimeout来延迟执行某个功能，但我认为这不是您想要的，因为您可以在加载图像时进行侦听。

if(image.complete) {
    // already finished loading
}else{
    image.onload=function() {
        // loaded
    };
}

Answer 2

在onload

的img事件中调用“中心图像”功能

<img src="<>" onload="centerImage()" />

Answer 3

如果您使用的是jQuery javascript库，则可以使用以下代码剪切在所有图片加载后运行代码：

$(window).load(function(){  
  //initialize after images are loaded  
});

而不是“窗口”（页面上的所有图像都已加载），您也可以直接选择图像。