WEB页面简单进度记时器
2016-01-29 17:20
WEB页面简单进度记时器,WEB页面简单进度记时器
<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=centerTimeBar 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 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
【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】
