JavaScript 定时器

发布于 2022-11-23 23:52:58 字数 1355 浏览 6 评论 0

说明: 原生的 setInterval 循环定时器在函数执行时间大于间隔时间时会出现执行间隔不均匀的现象,一般情况下我们想要的是在函数执行结束时开始算起,等待指定的间隔,再开始下一个函数的运行,也就是说函数的执行时间是不能计算在间隔时间内的,而 setInterval 和 setTimeout 第二个参数的时间指的是向队列添加新任务之前等 待的时间,因此只有执行时间短、非阻塞的回调函数比较适合 setInterval(),要兼容特殊情况的话我们只能用 setTimeout 加上闭包来代替 setInterval 实现循环定时的效果。

上代码:

class SetNewInterval {
constructor (obj = {
func: () => {},
time: 0,
autoStart: false,
jumpFirst: true
}) {
this.func = obj.func;
this.time = obj.time;
this.autoStart = obj.autoStart;
this.jumpFirst = obj.jumpFirst;
this.timer = null;
if (this.autoStart) {
this.start();
}
}
start () {
if (!this.jumpFirst) {
this.func();
}
let timeFunc = () => {
return setTimeout(() => {
this.func();
this.timer = timeFunc();
}, this.time);
}
this.timer = timeFunc ();
}
stop () {
clearTimeout(this.timer);
this.timer = null;
}
}
/**
* test
*/
let timeInter = new SetNewInterval({
func: () => {
console.log('123');
},
time: 1000,
autoStart: true,
jumpFirst: false
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

列表为空,暂无数据

关于作者

青柠芒果

暂无简介

0 文章
0 评论
0 人气
更多

推荐作者

深爱成瘾

文章 0 评论 0

甜点

文章 0 评论 0

Ss Yy

文章 0 评论 0

dgmis009

文章 0 评论 0

花想c

文章 0 评论 0

樱花落人离去

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。