JS效果的进度条

最新推荐文章于 2024-06-16 18:09:06 发布

weixin_30781775

最新推荐文章于 2024-06-16 18:09:06 发布

阅读量47

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mq0036/archive/2012/08/30/2663453.html

版权

先看看效果吧！

load进度条

var R = 0; function load() { R = R + 2; var q = document.getElementById("Q"); q.style.width = R + "%"; document.getElementById("v").innerHTML=q.style.width; time= setTimeout(load,500); if (R > 100) { clearTimeout(time); //document.getElementById("P").style.width=0; document.getElementById("P").style.display="none"; } } load();

直接贴代码吧！

<html>

<body>

<center>
<table cellspacing=0 cellpadding=0 bgcolor=#00FFFF width=40% id=P><tr><td>load进度条
<table cellspacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td id=v></td></tr></table></td></tr></table>
</center>

<script language="javascript">
var R = 0; 
function load() 
{
R = R + 2; 
var q = document.getElementById("Q");
q.style.width =  R + "%";
document.getElementById("v").innerHTML=q.style.width;
time= setTimeout(load,500);
if (R > 100) 
{
clearTimeout(time);
//document.getElementById("P").style.width=0;
document.getElementById("P").style.display="none";
}
}
load();
</script>
</body>
</html>

转载于:https://www.cnblogs.com/mq0036/archive/2012/08/30/2663453.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30781775

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS效果的进度条

先看看效果吧！load进度条var R = 0; function load() {R = R + 2; var q = document.getElementById("Q");q.style.width = R + "%";document.getElementById("v").innerHT...
复制链接

扫一扫