前端笔记87——clearTimeout

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>

版权声明:本文为chengxu_kuangrexintu原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。