效果图
结构
<button class="begin">开启定时器</button>
<button class="stop">停止定时器</button>
JS
var begin = document.querySelector('.begin');
var stop = document.querySelector('.stop');
var timer = null;// 全局变量 null是一个空对象
begin.addEventListener('click', function ()
{
timer = setInterval(function ()
{
console.log('你好呀');
}, 1000);
})
stop.addEventListener('click', function ()
{
clearTimeout(timer);
})