【前端学习笔记】JavaScript之setTimeout,setInterval

本文详细介绍了JavaScript中的setTimeout和setInterval,包括它们的使用、区别、注意事项和最佳实践。讲解了定时器的工作原理,如事件循环和任务队列。还提到了防抖动函数(debounce)的概念,以及setTimeout(f, 0)的应用,如调整事件顺序和在浏览器默认动作之后触发回调。最后指出,setInterval和setTimeout都可以接受多个参数,但在IE 9.0及以下版本中,setTimeout仅支持两个参数。" 80214924,7407118,OpenCVSharp遍历Mat像素点技巧,"['计算机视觉', '图像处理', 'OpenCV', 'C#编程', '图像分析']
摘要由CSDN通过智能技术生成

setInterval

周期性地调用一个函数function或者执行一段代码。
clearInterval:取消调用setInterval设置的重复执行动作

var intervalID = window.setInterval(func,delay[,param1,param2,…]);
var intervalID = window.setInterval(code,delay);//不推荐

若是取消该周期执行命令,可将intervalID 的值传给clearInterval()。
delay 是每次延迟的毫秒数 (1s=1000ms),函数的每次调用会在该延迟之后发生。和setTimeout一样,实际的延迟时间可能会稍长一点。

setTimeout(function(){
    //处理代码
    setTimeout(arguments.callee,interval)
},intercal);

setTimeout

在指定的延时之后调用一个函数或者执行一个代码片段。
clearTimeout:方法可取消由setTimeout设置的timeout

setTimeout对队列的工作方式:当特定时间过去后将代码添加到队列中,但并不意味着会马上将执行,设定一个200ms后执行的定时器,指的是在200ms后它将被添加到队列中,是否执行,还得看队列中是否没有其他的东西。

setTimeout和setInterval函数,都返回一个整数值,表示计数器编号。将该整数传入clearTimeout和clearInterval函数,就可以取消对应的定时器。

使用

以下内容参考自https://www.jeffjade.com/2016/01/10/2016-01-10-javaScript-setInterval/

1,setInterval
常见用于轮询。比如轮询一个url的hash值是否会发生变化。

var hash = window.location
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值