从js运行机制看setTimeout与setInterval

本文探讨了JavaScript中的setTimeout和setInterval的异同,强调了setTimeout在模拟setInterval时的优势,包括避免累计效应和浏览器特定问题。文章还提到了定时器在计时、页面跳转和动画等场景中的应用,并提醒了定时器的执行时机与实际时间的差异。
摘要由CSDN通过智能技术生成

setTimeout:超时调用;
setInterval:间歇调用

调用时,代码是在全局环境中执行的,里面的this在正常模式下指向window,严格模式下指向undefined

参数:

  • 第一个参数为字符串或者函数(建议使用函数,传递字符串可能导致性能损失)
  • 第二个参数为以毫秒表示的时间,该时间表示多少毫秒后将当前任务加入任务队列。
    注意:对于定时器,是准时添加的,但不是准时执行的。

返回值:
调用setTimeout和setInterval后会返回一个数值ID,可以用来取消定时器

取消:
clearTimeout(timeoutId)clearInterval(intervalid)
注意:取消超时调用的重要性远远高于间歇调用。因为间歇调用会一直执行,直到页面卸载。

两者的相同点

这两者都属于异步任务,由render进程下的定时器触发线程进行计数。
如:

setTimeout(function(){
   
    console.lo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值