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

最新推荐文章于 2025-05-19 14:35:28 发布

转载最新推荐文章于 2025-05-19 14:35:28 发布 · 813 阅读

功能开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种监测网页中图片加载状态的方法，通过递归检查图片高度属性来判断图片是否已完全加载，并利用定时器进行周期性扫描，确保在图片加载完成后执行特定回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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