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