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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM