模拟进度条

最新推荐文章于 2024-01-25 09:18:35 发布

最新推荐文章于 2024-01-25 09:18:35 发布 · 119 阅读

文章标签：

#HTML

JavaScript 专栏收录该内容

9 篇文章

订阅专栏


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <script language="javascript">
	var timeObj;
	function buttonEvent(){
		var mydiv = document.getElementById("mydiv");
		var str = document.getElementById("jdt");
		str.style.width = parseInt(str.style.width)+10;
		if(parseInt(str.style.width)+10>=parseInt(mydiv.style.width)){
			window.clearTimeout(timeObj);
		}else{
			timeObj = window.setTimeout("buttonEvent()",50);
		}
	}
 </script>

 <BODY>
	<center>
		<div id="mydiv" align="left" style="width:482;height:24;border:1px solid #6633FF">
			<div id="jdt" style="width:0;height:100%;background:#ff33aa"></div>
		</div>
		<br>

		<input type="button" value="确定" onclick="buttonEvent()" />
	</center>
 </BODY>
</HTML>