论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > asp教程
Tag:入门,文摘,实例,技巧,iis,表单,对象,上传,数据库,记录集,session,cookies,存储过程,注入,分页,安全,优化,xmlhttp,fso,jmail,application,防盗链,stream,组件,md5,乱码,缓存,加密,验证码,算法,ubb,正则表达式,水印,,日志,压缩,url重写,控件,函数,破解,触发器,socket,ADO,初学,聊天室,留言本,视频教程

WEB页面简单进度记时器

文章类别:asp | 发表日期:2008-10-5 20:42:00

<html>
<head>
<title> TimeBar Version 1.0 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Refresh" content="20;url=">
<style>
td {font-size: 10.5pt; color: 147e19; font-family: Courier New;}
</style>
</head>
<body bgcolor="#FFFFFF">
<br><br><br><br>
<center>
<table width=500 border=0>
<tr><td>
<br>
<p align=center>TimeBar V1.0 by Key@CyberStudio.NPU<br>请查看源代码<br>
请设置进度条的增长速度和每次增长的长度</p>
<table align=left><tr><td width=1 bgcolor=#99ccff height=5 id=Ratio></td></tr></table>
<!--将上面一行的align=left换成right或center,看看效果如何-->
</td></tr>
<tr><td bgcolor=eeeeee>&nbsp;20秒后刷新本页</td></tr>
</table></center>
</body>
</html>
<script language="javascript">
//TimeBar V1.0 by Key@CyberStudio.NPU
//2000.11

ShowRatio();
function ShowRatio()
{
var intTimer=40; //进度条增长速度
var intAddwidth=1; //每次增长的长度,最小为1
var intMaxWidth=500; //最大宽度
//以上两个数值需要根据你的进度条总宽和延迟时间决定,例如: 本页的进度条长度为500,需要在20秒后刷新或离开本页,则
//intAddwidth=(20*1000)/500=40.当然,可以让intAddwidth=80,intTimer=2,请试一试。
var rw;
if (Ratio.width=="") Ratio.width=1;
rw=parseInt(Ratio.width);
Ratio.width=rw+intAddwidth;
if (rw+10<intMaxWidth) setTimeout("ShowRatio()",intTimer);
}
</script>

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    
视频教程列表
文章教程搜索
 
Asp推荐教程
Asp热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058