首页 > Web开发 > 详细

js 百分比显示页面加载进度

时间:2015-07-06 15:50:00      阅读:433      评论:0      收藏:0      [点我收藏+]

做东西遇到显示页面百分比的加载进度,不过里面的图片较多,看了别人的代码,才想到可以通过图片的加载显示加载的百分比,做一下笔记:

html:

<span id="percent"></span>

js:

  function perFun(){
      var imgs = document.getElementsByTagName("img");
      var len = 0;
      var percent = document.getElementById("percent");
      for(var i=0; i<imgs.length; i++){
        (function(i){
          imgs[i].onload = function(){
            len ++;
            percent.innerText = Math.round(len*100/imgs.length);
          }
        })(i);
      }
   }
   perFun();

  

js 百分比显示页面加载进度

原文:http://www.cnblogs.com/cyj7/p/4624263.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!