欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

判断图片是否全部加载完成

程序员文章站 2022-05-28 12:21:58
...
				var t_img; // 定时器
				var isLoad = true; // 控制变量
				
				// 判断图片加载状况,加载完成后回调
				isImgLoad(function(){
				    // 加载完成
				    setTimeout(function(){
				    	drawBox();
				    },100)
				});
				// 判断图片加载的函数
				function isImgLoad(callback){
				    // 注意我的图片类名都是cover,因为我只需要处理cover。其它图片可以不管。
				    // 查找所有封面图,迭代处理
				    $('.imgurl').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毫秒就扫描一次,可以自己调整
				    }
				}

 

相关标签: 图片加载

上一篇: PHP变量解析

下一篇: Fresco的应用