关于前端定时器(setTimeout、setInterval)

因为需求是数据看板需要每10秒刷新一次,使得柱状图跟折线图做到实时刷新。因此本人使用setInterval设置请求时间,但是没有考虑到关闭定时器,使得浏览器的性能大大损耗。在这里讲一下关于定时器的知识点

1、JS中的定时器有两种:

setTimeout(funct,time):
设置一个定时器,并且设定了一个等待的时间[time],当到达时间后,
执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了,以后也不会执行);
setInterval(funct,time):
设置一个定时器,并且设定了一个等待的时间[time],当到达时间后,
执行对应的方法[function],当方法执行完成,定时器并没有停止,
以后每隔[time]这么长的时间都会重新的执行对应的方法[function],直到我们手动清除定时器为止;

2、定时器的清除

var timer1=window.setTimeout(function(){},1000); 
var timer2=window.setInterval(function(){},1000); 
window.clearTimeout(timer1)
window.clearInterval(timer2)
  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值