页面显示载入中,请稍候… 自动跳转到的JS代码详解编程语言

 
<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>  
  
<!--本例程实现了进展条的功能--> 
<!--进展条的具体实现过程--> 
<!--相应的进展百分比的实现过程--> 
<!--根据不同的情况给出不同输出网页的方法-->

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/10047.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论