半点优化网 http://www.bdxc.net/
当前位置首页 > 网站技术问题> 正文

用javascript设计进度条,要求点击“开始”按钮后,进度条才开始运行

2022-03-17 08:23:22 暂无评论 15 网站技术问题 进度   开始   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>

猜你喜欢