WEB页面简单进度记时器
程序员文章站
2022-07-09 12:46:40
<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>
【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】
<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>
【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】