JavaScript & jQuery判断图片是否加载完毕

xiaoxiao2021-02-28  75

var t_img; // 定时器 var isLoad = true ; // 控制变量 // 判断图片加载状况,加载完成后回调 isImgLoad( function (){   // 加载完成 }); // 判断图片加载的函数 function isImgLoad(callback){   // 注意我的图片类名都是cover,因为我只需要处理cover。其它图片可以不管。   // 查找所有封面图,迭代处理   $( '.cover' ).each( function (){   // 找到为0就将isLoad设为false,并退出each   if ( this .height === 0){   isLoad = false ;   return false ;   }   });   // 为true,没有发现为0的。加载完毕   if (isLoad){   clearTimeout(t_img); // 清除定时器   // 回调函数   callback();   // 为false,因为找到了没有加载完成的图,将调用定时器递归   } else {   isLoad = true ;   t_img = setTimeout( function (){   isImgLoad(callback); // 递归扫描   },500); // 我这里设置的是500毫秒就扫描一次,可以自己调整   } } 兼容:谷歌&火狐&IE 原文:http://www.jb51.net/article/102385.htm
转载请注明原文地址: https://www.6miu.com/read-81182.html

最新回复(0)