浅谈JavaScript中setInterval和setTimeout的使用问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了浅谈JavaScript中setInterval和setTimeout的使用问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1189字,纯文字阅读大概需要2分钟。
内容图文
![浅谈JavaScript中setInterval和setTimeout的使用问题](/upload/InfoBanner/zyjiaocheng/357/ae2b2badb5d542f18fd2090b9afac07b.jpg)
说到setInterval,就不得不提到setTimeout,二者都是用于定时执行某函数,区别在于setTimeout 只执行一次,而setInterval可以一直连续不断执行下去,典型用法如下:
function do_sth() { console.log('Hello...'); }
setTimeout(do_sth, 2500); // 2.5 秒后,执行 do_sth 函数(只执行一次) setInterval(do_sth, 3500); // 3.5 秒后,执行 do_sth 函数(每隔 3.5 秒执行一次,一直执行下去)
表面看上去,二者各有各的用途,没什么问题。但是如果setInterval所执行的函数是比较耗时的动作,setInterval仍然会按照原计划安排调用那个函数,而不考虑之前的任何阻塞,这样随着时间的推移,队列中等待执行的函数就会越来越多。而对于此问题解决方案仍然是采用递归调用setTimeout 的方法,如:
function do_sth() { console.log('Hello...'); // 即使这里执行比较耗时的动作也没问题, // 等这里执行完了才会再去调用 setTimeout setTimeout(do_sth, 2500); // 安排后续执行 } do_sth(); // 初次执行
这种递归调用的方式,既可以达到循环执行某函数的目的,有可以防止后续任务不断堆积。
如果你觉得这种方式有点罗嗦,还可以再写得精炼一些:
(function() { console.log('Hello...'); // do something here setTimeout(arguments.callee, 2500); })();
说是这么说,但是如果定时执行的任务开销很少,setInterval一般是没什么问题的,但是如果任务开销比较大,请务必使用setTimeout。
内容总结
以上是互联网集市为您收集整理的浅谈JavaScript中setInterval和setTimeout的使用问题全部内容,希望文章能够帮你解决浅谈JavaScript中setInterval和setTimeout的使用问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。