js 判断图片是否加载完成的方法(定时器,onload)

  1. 通过定时器去判断。

function imgLoad(img, callback) {
    var timer = setInterval(function() {
        if (img.complete) {
            callback(img);
            clearInterval(timer);
        };
    }, 50);
};

用法:

<img id="pic" alt="">
var _pic=document.getElementById("pic");
_pic.src="";/**动态修改图片路径*/
imgLoad(_pic,function(){
    /**图片加载完成后需要执行的代码可以写这里。*/
 });
  1. 通过onload判断加载是否完成。

<img id="pic" alt="">
/**也可以去创建一个img,
   *var img=new Image();
*/
var _pic=document.getElementById("pic");
_pic.src="";/**动态修改图片路径*/
_pic.onload=function(){
   /**图片加载完成后需要执行的代码可以写这里。*/ 
}

猜你喜欢

转载自blog.csdn.net/pinhmin/article/details/129419810