返回顶部

收藏

页面显示载入中,请稍候... 自动跳转到的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> 
 
<!--本例程实现了进展条的功能-->
<!--进展条的具体实现过程-->
<!--相应的进展百分比的实现过程-->
<!--根据不同的情况给出不同输出网页的方法-->

标签:javascript

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. K-Res 发表 2018-10-27 12:10:11 关于Javascript中类成员函数中内嵌函数的this闭包问题
  2. 杨魁 发表 2018-10-25 07:28:13 Under the Hood: NaN of JS
  3. 尖兵 发表 2018-10-25 11:03:47 服务重启导致的Java服务抖动CPU占用高
  4. 可乐加糖 发表 2018-10-23 08:31:16 JavaScript文档生成器JSDuck
  5. 可乐加糖 发表 2018-10-23 08:31:16 JavaScript文档生成器JSDuck
  6. wenming.gapo 发表 2018-10-23 11:32:30 AOP装饰函数与小T的情愫(二)
  7. 尖兵 发表 2018-10-18 13:19:02 Java诊断工具Arthas
  8. 尖兵 发表 2018-10-18 13:19:02 Java诊断工具Arthas
  9. hellas 发表 2018-10-18 14:20:31 AOP装饰函数与小T的情愫
  10. 博主 发表 2018-10-15 10:02:38 生成聚合收款二维码:支付宝、微信、QQ 钱包
  11. axiu 发表 2018-10-14 02:30:40 微信小程序开发总结
  12. xirruiqiang 发表 2018-10-14 08:14:43 round 函数在不同语言中的实现乱象

发表评论