返回顶部

收藏

页面显示载入中,请稍候... 自动跳转到的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. the5fire 发表 2018-07-14 07:35:31 Backbone.js入门教程第二版PDF下载
  2. likai 发表 2018-07-12 10:23:55 码农的事,能算偷么?
  3. zak 发表 2018-07-11 07:03:34 小程序开发框架选择
  4. 博主 发表 2018-07-11 08:06:00 js - trading view 的使用
  5. songhua.gao 发表 2018-07-10 11:20:46 OC转Swift,你需要换个思考方式
  6. dulong 发表 2018-07-10 12:36:06 JFinal Weixin 2.1 发布,微信极速 SDK
  7. 博主 发表 2018-07-09 11:28:26 ES6特性实例
  8. linux@linux.cn (linu 发表 2018-07-09 10:22:24 五个最热门的开源机器学习 JavaScript 框架
  9. jianggaocheng 发表 2016-06-28 06:22:00 使用node-schedule时的注意点
  10. jianggaocheng 发表 2018-01-14 13:33:02 用JavaScript玩微信跳一跳(iOS版)
  11. Aaron 发表 2018-07-07 16:00:00 js数组并集,交集,差集的计算方式汇总
  12. 阮一峰 发表 2018-07-08 12:59:57 Web Worker 使用教程

发表评论