一个完整的判断图片是否加载完成demo

前端应用 Views
很多时候为了得到div高度,使得没有图片支撑的那边高度也一致,就需要从有图的那边得到有效高度,但页面加载是多变的 没加载完咋办?现在就用这个js轮询直到加载完,得到高度
var t_img; // 定时器
        var isLoad = true; // 控制变量
        // 判断图片加载状况,加载完成后回调
        isImgLoad(function () {
            // 加载完成           
        });
        // 判断图片加载的函数
        function isImgLoad(callback) {
            // 注意我的图片类名都是cover,因为我只需要处理cover。其它图片可以不管。
            // 查找所有封面图,迭代处理
            $('.dz6').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毫秒就扫描一次,可以自己调整
            }
        }
评论 --
  • 消灭零回复