前端笔记87——clearTimeout

最新推荐文章于 2024-07-17 09:31:18 发布

野生杂学家阿博

最新推荐文章于 2024-07-17 09:31:18 发布

阅读量2.9k

点赞数

分类专栏：前端文章标签：前端 JavaScript clearTimeout 定时器

本文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/93251044

版权

前端专栏收录该内容

93 篇文章 1 订阅

订阅专栏

clearTimeout简介

clearTimeout是一个函数，功能是清除定时器。开启一个新的定时器必须清除之前的定时器。

clearTimeout实现一个定时器的管理

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button id="start">开始</button>
		<button id="stop">结束</button>
		<div id="box"></div>
		<script type="text/javascript">
			var oStart = document.getElementById("start")
			var oStop = document.getElementById("stop")
			var oBox = document.getElementById("box")
			var timer = null
			// 点击start获取时间 显示在box中
			oStart.onclick = getTime;
			function getTime(){
				var date = new Date()
				oBox.innerHTML = date.toLocaleString()
				timer = setTimeout(getTime,1000)
			}
			oStop.onclick = function(){
				clearTimeout(timer)
			}
		</script>
	</body>
</html>