定时器

本文介绍了JavaScript中的setTimeout和setInterval函数,用于延迟或周期性执行代码。setTimeout用于单次延迟执行,而setInterval则会按固定间隔重复执行。同时,clearTimeout和clearInterval分别用于取消已设置的定时器。在使用时,需要注意异步执行的特性以及正确保存和清除计时器的ID。
摘要由CSDN通过智能技术生成

在网页上我们有相关需求

  • 延迟多少秒后执行代码
  • 每隔多少秒执行一次代码

在我们使用定时器时,我们想要带代码去执行,需要放在一个函数中。

定时器(function () {}, 延迟时间)

js执行代码,优先执行同步代码,然后才执行异步代码。

延迟时间单位为毫秒。1000 是 1s

setTimeout()

setTimeout(function () {}, 延迟时间)

如果想要结束计时器的计时,需要使用clearTimeout

clearTimeout(数字) // 数字指的是第几个计时器 这个数字不好分辨。每个计时器在生成时,返回值就是对应的数

let t = setTimeout(function () {}, 1000) // 1
let t2 = setTimeout(function () {}, 1000) // 2

// 我们可以通过写变量清除计时器
cleartTimeout(t)
cleartTimeout(t2)

setInterval()

每隔固定的时间执行一次

setInterval(function () {}, 时间间隔)

如果我们想要结束对应的计时器,需要使用clearInterval

let t = setInterval(function () {}, 1000)

clearInterval(t)
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值