js-定时器

本文介绍了JavaScript中的定时器功能,包括setTimeout()和setInterval()函数的使用方法及其参数含义。此外,还探讨了如何通过clearTimeout和clearInterval取消定时器,以及setTimeout在事件处理中的特殊用途。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。

setTimeout()

setTimeout函数用来执行某个函数或某个代码,在一定的事件之后执行。
  • setTime(function,delay) 参数含义:第一个为执行语句,第二个参数为推迟的事件,单位毫秒
  • 第一个参数是代码段则必须是以字符串的形式放入。若为函数名直接放入即可。第二个参数默认值为0
  • 允许有更多的参数。它们被传入推迟执行的函数(回调函数)

setInterval()

用法与setTimeout完全一致,区别在于setInterval是割一定的事件执行一次,无限执行。
  • 常见用途:实现轮询

clearTimeout(),clearInterval()

setTimeout和setInterval函数,都返回一个表示计数器编号的整数值,将该整数传入到clearTimeout和clearInterval函数,就可以取消对应的定时器
  • setTimeout和clearTimeout可以实现debounce方法。该方法用于防止某个函数在段时间内被密集调用。
    具体来说,debounce方法返回一个新版的该函数,这个新版函数调用后,只有在指定时间内没有新的调用,才会执行,否则就重新计时。

setTimeout(f,0)

setTimeout(f,0)的作用,让f在现有的任务(脚本同步执行和消息队列指定的任务)一结束就立刻执行。也就是是说尽可能的早的执行指定的任务。而不是立刻执行这个任务
用途:
  • 调整事件发生的顺序:比如,网页开发中,某个事件先发生在子元素,然后冒泡到父元素,即子元素的事件回调函数,会早于父元素的事件回调函数触发。如果,我们先让父元素的事件回调函数先发生,就要用到setTimeout(f, 0)。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值