JavaScript中的一次性定时器和周期性定时器
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中的一次性定时器和周期性定时器,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2047字,纯文字阅读大概需要3分钟。
内容图文
![JavaScript中的一次性定时器和周期性定时器](/upload/InfoBanner/zyjiaocheng/603/18b613cde41c420b91c713a01b5f0e36.jpg)
JavaScript中定时器有两种,一种是一次性定时器(setTimeout),另外一种是周期性定时器(setInterval),两种都可以延迟一段时间后再执行某个操作。不同的, setTimeout只执行一次,setInterval则一直执行,直到清除定时器为止。
实际项目中,这两种定时器都会用到,首先来说说setTimeout
1 setTimeout
一次性定时器,执行一次后,自动取消,也可以在延时之前,取消定时器
function fun() {
console.log("定时器")
}
setTimeout(fun, 1000);
延迟1秒后控制台打印,定时器是以毫秒为执行单位。也可以用以下方式设置定时器
setTimeout(function () {
console.log("定时器")
}, 1000);
上面这种方式,如果要清除定时器,是不能清除的,只能在设置定时器的时候,定义一个变量来接收定时器的返回值,这样才可以清除定时器。
var timeFun = setTimeout(function () {
console.log("定时器")
}, 1000);
clearTimeout(timeFun)
使用setTimeout模拟setInterval
setTimeout(function () {
// do something
console.log("定时器")
setTimeout(arguments.callee, 500)
}, 500)
2 setInterval
周期性定时器,只要不主动清除定时器,就会一直执行
function fun() {
console.log("定时器")
}
setInterval(fun, 1000);
每隔一秒钟,就会在控制台打印一次。也可以在setInterval里面直接定义
setInterval(function () {
console.log("定时器")
}, 1000);
同样也是,如果要清除定时器,还是需要定义一个变量来接收定时器的返回值。
var timeFun = setInterval(function () {
console.log("定时器")
}, 1000);
clearInterval(timeFun)
那我们就说下setInterval的缺点,就是定时器指定的时间间隔,表示的是何时将定时器推送到消息队列,而不是何时执行代码。所以真正何时执行定时器的时间是不能保证的,取决于何时被主线程的事件循环取到并执行。那我们如果要用定时器实现倒数、计时功能,如何避免定时器不准的问题。这里就需要我们使用setTimeout代替setInterval
var startTime = new Date().getTime()
var count = 0;
setInterval(function () {
var i = 0;
while (i++ < 100000000);
}, 0);
function fixed() {
count++;
var offset = new Date().getTime() - (startTime + count * 1000);
var nextTime = 1000 - offset;
if (nextTime < 0) nextTime = 0;
setTimeout(fixed, nextTime);
console.log(new Date().getTime() - (startTime + count * 1000));
}
setTimeout(fixed, 1000);
上面方法,通过修正时间来延迟触发,所以就保证了定时器的精准性。
内容总结
以上是互联网集市为您收集整理的JavaScript中的一次性定时器和周期性定时器全部内容,希望文章能够帮你解决JavaScript中的一次性定时器和周期性定时器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。