欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
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>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64953.shtml