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