ITPub博客

首页 > IT职业 > IT图书 > loading

loading

IT图书 作者:dav2100 时间:2021-09-09 10:17:14 0 删除 编辑
var imgs=document.querySelectorAll("img");  //获取所有图片
var num=0;
imgs.forEach(function(i,index){   //遍历图片
    var img = new Image();
    var load=document.querySelector(".loading");

    img.onload = function(){    //显示图片加载百分比
        num++;
        var hone=document.querySelector("h1");
        hone.innerHTML=parseInt(num/imgs.length*100)+"%";

        if(num>=index){     //隐藏遮罩层
            load.style.display="none"
        }
    }

    var elemt=i.getAttribute("src");
    img.src = elemt;
})


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4479/viewspace-2819581/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Spark RDD API
请登录后发表评论 登录
全部评论

注册时间:2019-10-17

  • 博文量
    176
  • 访问量
    17570