定时器setInterval和setTimeout

定时器分为两种:setInterval和setTimeout,他们的区别是一个是周期性定时器,一个是一次性定时器

一、周期性定时器setInterval()

作用:间隔一定的时间自动回调函数

语法:setInterval(回调函数,间隔时间)

注意:定时器的时间间隔是以毫秒为单位的        

定时器的方法会返回一个线程号,主要用于清除定时器:

                语法:clearInterval(定时器名称)

 var s1 = setInterval(function(){
            console.log(111);
            console.log(s1);//线程号:1
        }, 1000);//时间间隔以毫秒为单位
        clearInterval(s1);//清除定时s1

练习:让定时器执行3次之后就停止

 var count=0;//计数
        var s2 = setInterval(function(){
            console.log(222);
            console.log(s2);//线程号:2
            count++;
            if (count==3) {
                clearInterval(s2);//定时器执行3次之后就停止(3次后清除定时器)
            }
        }, 1000);

二、一次性定时器setTimeout()

作用:延迟多久时间之后,执行函数

语法:setInterval(回调函数,延迟时间)

注意:定时器的时间间隔是以毫秒为单位的        

定时器的方法会返回一个线程号,主要用于清除定时器:

                语法:clearTimeout(定时器名称)

     var s3=setTimeout(function () {
            console.log(333);
            console.log(s3);//也拥有线程号 3
        },1000)
        clearTimeout(s3);//清除定时器

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值