最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

图片加载进度实时显示_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 20:32:58
文档

图片加载进度实时显示_javascript技巧

图片加载进度实时显示_javascript技巧:<script>var l=0;var imgs;var sum=0;var imgs=new Array();function chk(){ l--; document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if (l==0){ for (var i=0;i<sum;i++) document.body.innerHTML+
推荐度:
导读图片加载进度实时显示_javascript技巧:<script>var l=0;var imgs;var sum=0;var imgs=new Array();function chk(){ l--; document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if (l==0){ for (var i=0;i<sum;i++) document.body.innerHTML+


<script>var l=0;var imgs;var sum=0;var imgs=new 
Array();function chk(){ l--; 
document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if 
(l==0){ for (var i=0;i<sum;i++) 
document.body.innerHTML+="<img src='"+imgs[i].src+"'>" }}if 
(document.images){imgs[0]=new Image()imgs[1]=new Image()imgs[2]=new 
Image()imgs[3]=new Image()imgs[4]=new Image()imgs[5]=new 
Image()imgs[6]=new Image()imgs[7]=new 
Image()imgs[0].src="/articleimg/2006/08/3859/01.jpg";imgs[1].src="/articleimg/2006/08/3859/02.jpg";imgs[2].src="/articleimg/2006/08/3859/03.jpg";imgs[3].src="/articleimg/2006/08/3859/04.jpg";imgs[4].src="/articleimg/2006/08/3859/05.jpg";imgs[5].src="/articleimg/2006/08/3859/06.jpg";imgs[6].src="/articleimg/2006/08/3859/07.jpg";imgs[7].src="/articleimg/2006/08/3859/08.jpg";}
</script><body><div 
id="aa">0%</div><script>sum=l=imgs.length;for (var 
i=0;i<l;i++){ imgs[i].onload=chk; 
imgs[i].onerror=chk;//无论图片是否加载成功,都执行指定方法}</script></body>

文档

图片加载进度实时显示_javascript技巧

图片加载进度实时显示_javascript技巧:<script>var l=0;var imgs;var sum=0;var imgs=new Array();function chk(){ l--; document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if (l==0){ for (var i=0;i<sum;i++) document.body.innerHTML+
推荐度:
标签: 图片 加载 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top