码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-06 15:50:15      阅读:244      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!