js+加载等待效果进度条



js+加载等待效果进度条，

  1. <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
  2. <html>
  3.  <head>
  4.   <title> 加载等待效果 </title>
  5.   <meta name=”Generator” content=”EditPlus”>
  6.   <meta name=”Author” content=”">
  7.   <meta name=”Keywords” content=”">
  8.   <meta name=”Description” content=”">
  9.  </head>
  11.  <body>
  12.  <form id=”form” name=”form”>
  13.   <table border=”0″ width=”100%” height=”100%”>
  14.     <tr>
  15.     <td align=center>
  16.         <p><font id=”context”>正在登录，检查环境…….</font></p>
  17.         <p>
  18.             <input type=”text” name=”chart” size=”46″ style=”font-family:Arial; font-weight:bolder; color:gray;background-color:white; padding:0px; border-style:none;”>
  19.             <br>
  20.             <input type=”text” name=”percent” size=46 style=”font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;”>
  21.             <script>var bar = 0;
  22.             var line = ”||” ;
  23.             var amount =”||” ;
  24.             count() ;
  25.             function count(){
  26.                 bar= bar+2 ;
  27.                 amount =amount + line;
  28.                 document.form.chart.value=amount ;
  29.                 document.form.percent.value=bar+”%”;
  30.                 if (bar<99)
  31.                     {setTimeout(“count()”,100);}
  32.                 else
  33.                     {window.location = ”http://www.baidu.com/”;}
  34.             }
  36.             </script>
  37.         </p>
  38.     </td>
  39. </tr>
  40. </table>
  41. </form>
  42.  </body>
  43. </html>