首页 > 分享 > JavaScript中的一次性定时器和周期性定时器

JavaScript中的一次性定时器和周期性定时器

©著作权归作者所有:来自51CTO博客作者mb5fd86dae5fbf6的原创作品,请联系作者获取转载授权,否则将追究法律责任

JavaScript中定时器有两种,一种是一次性定时器(setTimeout),另外一种是周期性定时器(setInterval),两种都可以延迟一段时间后再执行某个操作。不同的, setTimeout只执行一次,setInterval则一直执行,直到清除定时器为止。

实际项目中,这两种定时器都会用到,首先来说说setTimeout

1 setTimeout

一次性定时器,执行一次后,自动取消,也可以在延时之前,取消定时器

延迟1秒后控制台打印,定时器是以毫秒为执行单位。也可以用以下方式设置定时器

上面这种方式,如果要清除定时器,是不能清除的,只能在设置定时器的时候,定义一个变量来接收定时器的返回值,这样才可以清除定时器。

2 setInterval

周期性定时器,只要不主动清除定时器,就会一直执行

每隔一秒钟,就会在控制台打印一次。也可以在setInterval里面直接定义

同样也是,如果要清除定时器,还是需要定义一个变量来接收定时器的返回值。

那我们就说下setInterval的缺点,就是定时器指定的时间间隔,表示的是何时将定时器推送到消息队列,而不是何时执行代码。所以真正何时执行定时器的时间是不能保证的,取决于何时被主线程的事件循环取到并执行。那我们如果要用定时器实现倒数、计时功能,如何避免定时器不准的问题。这里就需要我们使用setTimeout代替setInterval

上面方法,通过修正时间来延迟触发,所以就保证了定时器的精准性。

收藏 评论 举报

相关知识

定时器/计数器
SysTick定时器应用之一——用于延时函数
农业智能灌溉定时器自动化原理
在javascript运动基础中遇到的常见的问题
自动浇花定时器的时间设置
手机遥控浇水浇花定时器远程控制花园浇水定时作业智能灌溉
javaScript基础语法
智能手机远程开关控制自动浇花器浇水定时器家用喷水灌溉喷淋系统
美国进口雨鸟控制器自动浇水园林智能灌溉定时器公园草坪喷淋系统
智能电子自动灌溉系统院子花园农场滴水定时器灌溉控制器,喷水定时器 - Buy Water Pump Timer water Irrigation Pump Timer water Timer Home Garden Product on Alibaba.com

网址: JavaScript中的一次性定时器和周期性定时器 https://m.huajiangbk.com/newsview1352264.html

所属分类:花卉
上一篇: 《我家隔壁住着魔王大人肿么破》小
下一篇: “胡萝卜美式”上线,茶饮咖啡都在