📄 17.2 用table制作的进度条.htm

📁 这是一些常用的JavaScript的特效的源码和教程

💻 HTM

字号:

<HTML>
<HEAD>
<TITLE> 进度条 </TITLE>
<script language="javascript">
var i=0;
var timer;
function Progress()
{
	if(i==200)
	{
		clearTimeout(timer);//清除定时器
		return;
	}
	i=(i<200)?(i+4):0;      //步长为4
	myBar.style.setExpression("width","i","javascript");//设置滚动条的宽度
	percentBar.innerText=i/2+"%";                       //设置进度的显示
	timer=setTimeout("Progress()",250);//设置定时器，每隔250毫秒增加一次进度
}
</script>
</HEAD>
<BODY onload="Progress()">
<br>
<table align="center" width="50%">
<tr><td><span id="myBar" style="background-color:blue"></span></td></tr>
<tr><td><span width="%100" id="percentBar"></span></td></tr>
</table>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -