<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button class="begain">开启定时器</button>
<button class="stop">停止定时器</button>
<script>
var begain = document.querySelector('.begain');
var stop = document.querySelector('.stop');
var timer = null; //全局变量 null是个空对象 ;设置var timer; 会返回undefined
begain.addEventListener('click', function() {
timer = setInterval(function() {
console.log('nihaoma');
}, 1000);
})
stop.addEventListener('click', function() {
clearInterval(timer);
})
</script>
</body>
</html>
JS--开启和停止定时器
最新推荐文章于 2024-03-17 09:05:33 发布