JS设置定时器和清除定时器

      最近在项目中频繁运用到js定时器,现在和大家分享一下方法。在前端开发的过程中,有些时候需要某段程序等待一段时间后再开始执行,在JavaScript中主要通过定时器实现这一类需求。

JS的两种定时器

window.setTimeout([function],[interval])

设置一个定时器,并且设定了一个等待的时间,当到达时间后,执行对应的方法,当方法执行完成定时器停止。

window.setInterval([function],[interval])

设置一个定时器,并且设定了一个等待的时间,当到达时间后,执行对应的方法。 当方法执行完成,定时器并没有停止,以后每隔这么长的时间都会重新的执行对应的方法,直到我们手动清除定时器为止。

注意:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

定时器返回值

JS中的定时器是有返回值的,返回值是一个数字,代表当前是第几个定时器。

var timer1=window.setTimeout(function(){},1000);  //timer1->1 当前是第一个定时器
var timer2=window.setTimeout(function(){},1000);  //timer2->2` 当前是第二个定时器

window.clearTimeout(timer1); //->把第一个定时器清除掉
//这里也可以用window.clearInterval(timer1)、window.c
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML页面退出关闭定时器: 在HTML页面中,当你离开或者关闭页面时,应该清除所有的定时器以释放内存,可以使用以下代码实现: ```javascript window.onbeforeunload = function(){ clearInterval(timer);//清除定时器 } ``` JavaScript设置定时器JavaScript中有两种定时器:setInterval() 和 setTimeout()。setInterval() 方法会按照指定周期(以毫秒计)来调用函数,setTimeout() 方法会在指定的时间后执行一次。 setInterval() 语法: ```javascript var intervalID = window.setInterval(func, delay, [param1, param2, ...]); ``` setTimeout() 语法: ```javascript var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); ``` 取消定时器: 使用clearInterval() 或 clearTimeout() 方法可以取消定时器。 clearInterval() 语法: ```javascript window.clearInterval(intervalID); ``` clearTimeout() 语法: ```javascript window.clearTimeout(timeoutID); ``` 执行机制解析: setInterval() 和 setTimeout() 方法使用了 JavaScript 的事件循环机制。在 JavaScript 中,事件循环会不断地从任务队列中取出任务并执行,当任务队列为空时,事件循环会一直等待新的任务加入。 setInterval() 和 setTimeout() 方法会把回调函数推入任务队列,当时间到达后,事件循环会执行这个任务。setInterval() 方法会不断地将同一个任务推入任务队列,直到使用 clearInterval() 方法取消定时器。setTimeout() 方法只会推入一个任务,执行后就结束了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值