1. 首页
  2. 文章中心
  3. javascript

js中的两种定时器setTimeout()和setInterval()怎么用

66 阅读 0 评论
我是靠谱客的博主 丰富黑猫，最近开发中收集的这篇文章主要介绍js中的两种定时器setTimeout()和setInterval()怎么用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

JS有两种定时器分别是setTimeout()和setInterval()，这两个区别就是setTimeout()是一次性的定时器，而setInterval()是循环的定时器。

定时器的精度

js中的定时器精度并不准确，这是因为JS中的定时器仅仅是将执行的语句加入队列，这样在定时器之前的语句若是在循环或者有延迟的情况下，定时器也会相应地延

对于性能的消耗

上面提到了js中的定时器精度不准确的原因，同样的这也会导致使用setTimeInterVal语句会卡顿，其不管语句是否执行完成，都会在时间点执行语句。实际上大多数的场景中，只是想要定时之后执行完语句再等待定时的触发，完全可以使用setTimeOut搭配clearTimeout这样在使用定时器之后进行消除再加一个循环，总和性能比单纯的setTimeInterVal要好上不少。

可执行字符串形式语句

由于历史原因，两种定时器都支持eval的效果，可以执行字符串形式的语句。

若定时时间为0则放在队列最后执行

如果将定时为0秒后执行，语句并不会立刻执行，而是将其放在队列最后，等待所有语句执行完成之后，再立刻执行。

最后

以上就是丰富黑猫为你收集整理的js中的两种定时器setTimeout()和setInterval()怎么用的全部内容，希望文章能够帮你解决js中的两种定时器setTimeout()和setInterval()怎么用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
点赞(44)

相关文章

Timer定时器用法详解
Timer定时器用法详解
C#三种定时器Timer详解
C#三种定时器Timer详解
定时器Timer（二）—— 定时器Timer的使用3.方法 schedule(TimerTask task,long delay) 的测试4.方法 schedule(TimerTask task,long delay,long period) 的测试
定时器Timer（二）—— 定时器Timer的使用3.方法 schedule(TimerTask task,long delay) 的测试4.方法 schedule(TimerTask task,long delay,long period) 的测试
Timer详解
Timer详解
js中的两种定时器setTimeout()和setInterval()怎么用
js中的两种定时器setTimeout()和setInterval()怎么用
定时器 setTimeout & setInterval
定时器 setTimeout & setInterval
[js]timer计时器笔记setTimeout() setInterval()clearTimeout()，clearInterval() 运行机制setTimeout(f, 0)
[js]timer计时器笔记setTimeout() setInterval()clearTimeout()，clearInterval() 运行机制setTimeout(f, 0)
js中如何停止或清除timeout定时任务操作的方法
js中如何停止或清除timeout定时任务操作的方法

评论列表共有 0 条评论

立即
投稿
返回
顶部