javascript實如今圖片讀取的時候出現進度條….

時間 2019-12-06

標籤 javascript 如今圖片讀取時候出現進度欄目 JavaScript 简体版

原文原文鏈接

<title>JS實現的圖片加載進度條_網頁代碼站(http://www.frontopen.com</title>
<script>
var l=0;
var imgs;
var sum=0;
function chk(){
document.getElementById(「aa」).innerText=」」+((sum-l)*100/sum)+」%」
l–;
if (l==0){
for (var i=0;i<imgs.length;i++){
imgs[i].style.display=」;
}
}
}
</script>
<body>
<img src=」/images/wall1.jpg」/>
<img src=」/images/wall2.jpg」/>
<div id=」aa」></div>
<script>
imgs=document.getElementsByTagName(「img」);
sum=l=imgs.length;
for (var i=0;i<l;i++){
imgs[i].onload=chk;
imgs[i].onerror=chk;//不管圖片是否加載成功，都執行指定方法
imgs[i].style.display=’none';
}
</script>
<br />
<p><a href=」ww.frontopen.com」>網頁前端代碼站.前端開拓者</a></p>
</body>

相關標籤/搜索