JavaScript定时器的简单运用（暂停，继续）

1、定时器种类

js定时器有两个方法：
1、setInterval() ：周期性地执行该方法
2、setTimeout() ：只执行一次该方法

2、使用方法

两个方法的使用方式相同，以setInterval()举例：
setInterval里面有两个参数：setInterval(1、函数或代码串, 2、时间间隔)

   setInterval(alert("hello world!"),2000) //每间隔两秒弹窗一次

3、清除定时器方法

setInterval()使用clearInterval()方法清除，setTimeout()使用clearTimeout()清除

    let timer = setInterval(alert("hello world!"),2000)
    clearInterval(timer) //清除timer定时器

4、定时器的简单运用（暂停、继续功能）

适用于轮播图的暂停、继续功能

 <button id="btn">鼠标指我</button>
    <script>
        let btn = document.querySelector("#btn")
        let timer = setInterval(function(){
            alert('123')
            },2000)
        //鼠标移入暂停
        btn.addEventListener('mouseover',function(){
            clearInterval(timer)
        })
        //鼠标移出继续
        btn.addEventListener('mouseout',function(){
            timer = setInterval(function(){
                alert('123')
            },3000)  
        })
    </script>