原生js重复执行定时器—setInterval

最新推荐文章于 2023-06-20 15:55:37 发布

每一天，每一步

最新推荐文章于 2023-06-20 15:55:37 发布

阅读量734

点赞数 1

分类专栏： javaScript HTML/CSS 文章标签： javascript

本文链接：https://blog.csdn.net/u010234868/article/details/119429089

版权

JavaScript 定时器事件监听 DOM操作前端开发

关键词由CSDN通过智能技术生成

javaScript 同时被 2 个专栏收录

135 篇文章 12 订阅

订阅专栏

HTML/CSS

42 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="button" value="开始" id="btn1">
	<input type="button" value="取消" id="btn2">

	<script>
		var btn1 = document.getElementById('btn1');
		var btn2 = document.getElementById('btn2');
		var timer;
		btn1.onclick = function () {
			timer = setInterval(function () {
				console.log('早上7点了');
			}, 3000);
		}

		btn2.onclick = function () {
			clearInterval(timer);
		}
	</script>
</body>
</html>