首頁 > 開發者 > JavaScript
標籤：java TE 完成 math else function html ntb width
<html><style type="text/css">#bar{width:0px; height:20px; background:#ee00ff;}//定義進度條的前景色彩</style><script> var act; function over(){ var w=document.getElementById("bar").style.pixelWidth; if (w<400){ document.getElementById("bar").style.pixelWidth=w+2; document.getElementById("txt").innerText="Loading..."+Math.floor((w/400)*100)+"%"; clearTimeout(act); act=setTimeout(over,10); } else{document.getElementById("txt").innerText="載入完成100%"; }; }; function out(){ var w=document.getElementById("bar").style.pixelWidth; if (w>0){ document.getElementById("bar").style.pixelWidth=w-2; document.getElementById("txt").innerText="Loading..."+Math.floor((w/400)*100)+"%"; clearTimeout(act); act=setTimeout(out,10); } else{document.getElementById("txt").innerText="載入完成0%"; }; }; function Apouse(){ clearTimeout(act); };</script><button onclick="over()">開始轉入</button><br><button onclick="out()">開始卸載</button><br><br><button onclick="Apouse()">暫停</button><br><br><h4 id="txt">等待載入</h4><div id="bar"></div></html>
JavaScript入門學習(2)--進度條
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
