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>