（15学硕）点击按钮后，数值每隔一秒减一，使用setTimeout（）实现

最新推荐文章于 2024-09-14 17:38:36 发布

橘猫与柠檬

最新推荐文章于 2024-09-14 17:38:36 发布

阅读量915

点赞数

分类专栏：真题学硕

本文链接：https://blog.youkuaiyun.com/m0_46547715/article/details/121582728

版权

js html 前端

真题学硕专栏收录该内容

6 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>倒计时</title>
	<script type="text/javascript">
		function countDown(){
				var a = document.getElementById('count');
				a.value=a.value-1;
				var b = setTimeout(countDown,1000);
				//注意比较两种定时器的内在逻辑。
				if(a.value<1){
					clearTimeout(b);
					return;
				}
				
		}
	</script>
</head>
<body>
<form id="form1" name="form1">
	<label>剩余时间（秒）</label>
	<input type="text" name="count" id="count" value="100"/>
	<br/>
	<input type="button" name="Submit" value="开始倒计时" onclick="countDown()"/>
</form>
</body>
</html>