WEB頁面簡單進度記時器

2019-11-18 21:37:57

字體：大中小

來源：轉載

供稿：網友

<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>

</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>

【本文版權歸作者與奧索網共同擁有，如需轉載，請注明作者及出處】

上一篇：一個用于網絡的工具函數庫

下一篇：WEB頁面實現淡入淡出菜單