JavaScript使用setInterval实现倒计时操作「终于解决」

JavaScript使用setInterval实现倒计时操作「终于解决」效果图:时间可以自己设置<!DOCTYPEhtml><html> <head> <metacharset=”UTF-8″> <title></title> </head> <body> <inputtype=”button”value=”一分钟倒计时”onclick=”daojishi()”/> <labelid=”time”>60</l

大家好,欢迎来到IT知识分享网。

效果图:

时间可以自己设置

在这里插入图片描述

在这里插入图片描述

<!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>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/26460.html

(0)
上一篇 2023-04-21 14:00
下一篇 2023-04-21 20:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信