js的进度条代码

<HTML>
<BODY>
<div id="p2"></div>
<BR>
<TABLE id="t1">
<TR>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
 <TD style="display:none" bgcolor="#FF0000">&nbsp;&nbsp;</TD>
</TR>
</TABLE>

<SCRIPT>
var back1;
function fnHide(){
back1=window.setInterval("fnHide2()", 1000);
}
function fnHide2(){

var i=0;
i=parseInt(document.all.ps1.innerText);
//o.style.display="none";
if (i==10)
{
 window.clearInterval(back1);
 return ;
}

var s1=document.createElement("li");
document.all.p1.appendChild(s1);
document.all.ps1.innerText=i +1;
s1.innerText=i +1;
document.all.t1.cells[i].style.display="";
document.all.p2.innerText=(i+1 )+  "0%";
}
</SCRIPT>
<INPUT TYPE=button VALUE="Count Down"
ID="oHideButton" οnclick="fnHide(this)">
<div style="display:none" id="ps1" >0</div>
<UL id="p1">
<LI>0</li>
</UL>

</BODY>
</HTML>

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值