JavaScript定时器延时器小案例

最新推荐文章于 2024-10-11 17:39:47 发布

ざ宸梓灏

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量91

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_56709347/article/details/117047400

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" id="btn">5</button>
	</body>
	<script type="text/javascript">
		//需求：一进入页面，开始倒计时
		//每隔一秒更新一下标签上内容
		var btnEle = document.getElementById("btn");
		var t = 5;
		var inerval = setInterval(function(){
			t--;
			btnEle.innerHTML = "剩余"+t+"秒";
			/* if(t == 0){
				clearInterval(inerval);
			} */
		},1000)
		
		setTimeout(function(){
			clearInterval(inerval);
		},t * 1000)
		
	</script>
</html>