用javascript设计进度条,要求点击“开始”按钮后,进度条才开始运行
<html xmlns=> <head> <title>TestPage</title> <meta http-equiv=Content-Type content=text/html; charset=UTF-8 /> <script type=text/javascript> function tt(){ var barObj = document.getElementById(proBar); var currentWidth = parseInt(barObj.style.width.substring(0, barObj.style.width.length - 1)); if (currentWidth < 400) { barObj.style.width = (currentWidth + 1) + px; } else{return ;} setTimeout(tt(), 10); } </script> </head> <body> <div id=proBar style=width:0px;background-color:green;color:white>processbar</div> <input type=button id=btn1 onclick=tt() value=start> </body></html>
- 上一篇: 怎样做一个正在加载网页的进度条,加载完后,自动消失
- 下一篇: 返回列表