停止计时器
2019-05-13 本文已影响0人
椋椋夜色
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> 停止计时器 </title>
<!--
clearInterval(计时器的id)：停止计时器
需要传入计时器的id
怎么获取计时器id？
在开启计时器的时候，接收返回值，这个返回值就是计时器的id
怎样才能保证不管你点多少次只有1个计时器呢？
在开启新计时器之前，先把上一次的计时器停止掉就行了
-->
</head>
<body>
<input type="button" value="开启计时器" id="ben1">
<input type="button" value="关闭计时器" id="ben2">
<script>
// 先给计时器一个 id;
var timerID;
//给开启计时器添加点击事件
document.getElementById('ben1').onclick = function () {
// 在开启之前先把上一次的清除了
clearInterval(timerID);
// 每当开启一个计时器，会有这个计时器的id，通过返回值会返回这个id
timerID = setInterval('console.log("123")', 1000);
};
//给关闭计时器添加点击事件
document.getElementById('ben2').onclick = function () {
// 还要传入一个参数：计时器id
clearInterval(timerID);
}
</script>
</body>
</html>
