WEB页面简单进度记时器 |
| 作者:佚名 来源:不详 更新:2006-8-25 21:05:35 错误报告 我要投稿 |
<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> 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>
|
|
| 文章录入:skyuu 责任编辑:skyuu |
|
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |