用Javascript定时器做的进度条

lzid2008

于 2007-01-10 09:43:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript table border html function div

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/lzid2008/article/details/1478701

Javascript 专栏收录该内容

39 篇文章

订阅专栏

这是一个IT主题的博客页面，当前页面正在加载中，并将在5秒后自动刷新。页面使用了HTML和JavaScript技术实现进度条效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>

<head>

<title>IT博客－中国最具人气的IT博客－赛迪网IT人家园</title>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="3" marginwidth="0">

<div align="center"> <br>

<table bgcolor="#dddddd" ALIGN=CENTER BORDER="0" WIDTH="600" CELLSPACING="1" CELLPADDING="8">

<tr>

<td align="center" height="50" bgcolor="#f7f7f7" class="content01"><b><font size=2 color="#cc0000">您所请求的页面正在处理中，请您等待。 5秒钟后本页面会自动刷新。谢谢合作。</font></b></td>

</tr>

</table>

<br>

<table bgcolor="#FFFF33" height=20 ALIGN=CENTER BORDER="0" WIDTH="500">

<tr>

<td align=left > <table id="lpc" bgcolor="#98CC00" height="20">

<tr align="center">

<td id="tdId" style="color:#FFFFFF; font-weight:bold;">1</td>

</tr>

</table></td>

</tr>

</table>

<BR>

</div>

<script language=javascript>

var pc = 0;

load();

function load()

{

pc += 1;

lpc.style.width = pc+"%";

tdId.innerHTML = parseInt(tdId.innerHTML) + 1;

if (pc == 100){

//window.location.reload();

pc = 1;

tdId.innerHTML = 1;

clearTimeout(time);

}

time = setTimeout("load()",50);

}

</script>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。