JavaScript使用setInterval实现倒计时操作

效果图：

时间可以自己设置

在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="一分钟倒计时" onclick="daojishi()" />
		<label id="time">60</label>
		<script>
			function daojishi () {
				var time = 60;
				var interval = setInterval(function  () {
					document.getElementById("time").innerHTML=time;
					time-=1;
					if(time==-1){
						clearInterval(interval)
						document.getElementById("time").innerHTML="倒计时结束"
					}
				},1000)
			}
		</script>
		
		 
	</body>
</html>
posted @ 2020-06-03 16:09  南墙1  阅读(1928)  评论(0)  编辑  收藏  举报