定时器开启和关闭

javascript 学习笔记

 简单  定时任务开启和关闭

<div>
        <button class='begin'>开启定时器</button>
        <button class="stop">停止定时器</button>
    </div>
    <script>
       //获取元数
        var begin = document.querySelector('.begin');
        var stop = document.querySelector('.stop');
       //定义一个空的对象
        var interval = null;
       //定时器开启，绑定事件
        begin.addEventListener('click', function() {
            interval = setInterval(function() {
                alert('4秒弹出一个框');
            }, 4000);
        })
      //终止事件：清除事件设置
        stop.addEventListener('click', function() {
            clearInterval(interval);
        })
    </script>