<form name=loading>  
 <p align=center> <font color="#800080" size="2">载入中,请稍等</font><font color="#FFFF00" size="2" face="Arial">...</font> 
 
  <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#800080; background-color:#C0FFFF; padding:0px; border-style:none;">  
   
 
  <input type=text name=percent size=47 style="color:#800080; text-align:center; border-width:medium; border-style:none;">  
  <script language="JavaScript"> 
var bar=0  <!--声明变量--> 
var line="||"  <!--loading条的样式--> 
var amount="||"  <!--loading条的样式--> 
count()<!--直接调用count()函数--> 
   
function count(){   
bar=bar+2  <!--每次增加两个bar--> 
amount =amount + line  <!--loading条每次增加两条竖线--> 
document.loading.chart.value=amount  <!--刷新进展条--> 
document.loading.percent.value=bar+"%"  <!--计算出百分比--> 
if (bar<99)   
{setTimeout("count()",100);}  <!--每0.1秒进展条加1--> 
else   
{window.location = "http://www.open-open.com";}  <!--进展条满后,显示另一个网页--> 
}</script>  
  
<!--本例程实现了进展条的功能--> 
<!--进展条的具体实现过程--> 
<!--相应的进展百分比的实现过程--> 
<!--根据不同的情况给出不同输出网页的方法-->

发布评论

分享到:

IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

JavaScript生成随机字符详解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。