JS定时器与延时器

在我们开发当中,我们使用定时器和延迟器很频繁,如何使用呢?让我为大家介绍一下吧!

定时器

定时器函数可以开启和关闭定时器
1.开启定时器
语法: setInterval(函数,间隔时间)
作用:每隔一段时间就调用这个函数
间隔时间是毫秒

第一种写法:

    setInterval(function(){
        console.log("1秒执行一次")
    },1000)

第二种写法

    function fun() {
        console.log("1秒执行一次")
    }
    setInterval(fun,1000)

2.关闭定时器
既然有开启定时器,自然而然的也就有开启定时器
语法:变量名 = setInterval(函数,间隔时间)
clearInterval(变量名)

    let timer = setInterval(function(){
        console.log("1秒执行一次")
    },1000)
    // 清除定时器
    clearInterval(timer)

延时器

1.开启延时器
javaScript 内置的一个用来让代码延迟执行的函数,叫setTimeout
语法:setTimeout(回调函数,等待的毫秒数)
注意:setTimeout 只执行一次 可以理解为把一段代码延迟执行
第一种写法

    setTimeout(function(){
        console.log("1秒后执行一次")
    },1000)

第二种写法

    function fun() {
        console.log("1秒后执行一次")
    }
    setTimeout(fun,1000)

2.清除延时器

    function fun() {
        console.log("1秒后执行一次")
    }
    let timer = setTimeout(fun,1000)
    clearTimeout(timer,999) //999毫秒后清除了timer延时器 不打印

我们也可以使用延时器实现定时器的效果,先剧透一下,使用递归可以做到
如果想了解一下递归,可以简单的阅读一下本人的这篇JS递归

    function fun() {
        setTimeout(function () {
            console.log(1)
            fun()
        },1000)
    }
    fun()

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值