js自定义进度条

来源:互联网 发布:广东网络玩魔兽世界 编辑:程序博客网 时间:2024/06/05 08:45
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <title>Document</title> <style type="text/css">.div_one{border:solid 1px silver;width:400px;height:16px;padding:0px;}.div_two{width:0px;height:100%;background-color:green;} </style> <script type="text/javascript">window.onload=showPro;var n1=1;var my_time;function showPro(){var pro=document.getElementById("div_two");pro.style.width=n1+"px";n1=n1+10;my_time=setTimeout("showPro()",100);if(n1>=400){clearTimeout(my_time);document.location.href="http://www.baidu.com";}} </script> </head> <body>  <div class="div_one" id="div_one"><div class="div_two" id="div_two"></div></div> </body></html>

0 0
原创粉丝点击