圖片加載進(jìn)度實(shí)時(shí)顯示
<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}
</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;//無(wú)論圖片是否加載成功，都執(zhí)行指定方法
}
</script>
</body>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
今天小編就為大家分享一篇layer.js open 隱藏滾動(dòng)條的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。 一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)文件或圖片上傳記錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
Bootstrap文件上傳組件之bootstrap fileinput
這篇文章主要介紹了Bootstrap文件上傳組件之bootstrap fileinput,重點(diǎn)是把界面做得更加友好，更好的增加用戶體驗(yàn)。還有還多注意細(xì)節(jié)大家可以通過(guò)本文詳細(xì)了解下2016-11-11
javascript實(shí)現(xiàn)拖拽并替換網(wǎng)頁(yè)塊元素
實(shí)現(xiàn)類似于學(xué)生換座位的效果，將網(wǎng)頁(yè)內(nèi)的兩個(gè)元素通過(guò)拖拽的方式互換。2009-11-11
遮照層效果實(shí)現(xiàn)代碼。2009-09-09
下面小編就為大家?guī)?lái)一篇兼容瀏覽器的js事件綁定函數(shù)(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
JavaScript 面向?qū)ο蠡A(chǔ)簡(jiǎn)單示例
這篇文章主要介紹了JavaScript 面向?qū)ο蠡A(chǔ),結(jié)合簡(jiǎn)單實(shí)例形式分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中類的定義、類方法與屬性相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
PS:這里列出的是常用的例子，而非研究之用，對(duì)一每個(gè)盒子，都沒(méi)有設(shè)置margin,padding,boeder等屬性！2008-04-04
javascript從定義到執(zhí)行 你不知道的那些事
這篇文章主要介紹了javascript從定義到執(zhí)行，你不知道的那些事，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JavaScript File分段上傳的相關(guān)資料,需要的朋友可以參考下2016-03-03