关于当前页面加载进度条

页面加载最耗费时间的图片，而记载页（加载进度）就是为了让用户等待时间不那么忧郁

所以加载页面其实也就是判断图片加载的进度

html部分

<div id="jiazai" class="jiazai">

        <img class="jiazaiimg yqjz" src="/statics/img/newjiazaibg.png" alt="">

        <div class="jiazaiguangyuan yqjz">

            <img src="/statics/img/jizaiguangyuan_02.png" alt="">

        </div>

        <div class="jinduyq">

            <div class="jindunew"></div>

        </div>

        <p class="wenzijindu">0%</p>

<!--        <div id="jzt" class="jiazaitop"><div class="jiazailogo"></div></div>-->

<!--        <div id="jzb" class="jiazaibottom">-->

<!--            <div class="jiazai">-->

<!--                <div class="jindu"></div>-->

<!--            </div>-->

<!--        </div>-->

    </div>

js部分

window.οnlοad=function(){

         var imgpress=0;

         var imgnum=0;

//            var imgs=$("[data-src]");

        var imgs=$("img[data-src]");

//把所有的图片先不加载。路径给data-src,

            // console.log(imgs.length);

            var step=100/imgs.length;

            for(var k=0;k<imgs.length;k++){

                var imgsrc=$(imgs[k]).attr("data-src");

                 $(imgs[k]).attr("src",imgsrc);

//把图片的路径一个个在传给src.得到进度

                var str="img"+k;

                var str=new Image();

                str.οnlοad=function(){

                    imgpress+=step;

                     $('.jindunew').css({'width':imgpress+'%'});

                    var wenzival=Math.round(imgpress)+'%';

//                    console.log(wenzival);

                     $(".wenzijindu").html(wenzival);

                        imgnum++;

//                    console.log(imgpress);

                    if(Math.round(imgpress)==100){

//                    if(Math.round(imgpress)==100){

//                            $('#jzt').addClass("jzanni");

//                            $('#jzb').addClass("jzanni");

                            $(".jiazai").hide();

                            $('#index_body').removeClass("index_body");

                            $('#indexhide').removeClass("continaryq");

                             setTimeout("$('#jiazai').css('z-index','0')",1000);

                    }

                 }

                 str.src=imgsrc;

            }

                    }