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

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

定时器的精度

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

对于性能的消耗

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

可执行字符串形式语句

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

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

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

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

js 中的时间类和 setTimeout 和setInterval
首先贴代码 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...
Qt分析：Qt中的两种定时器
QTimer类的定时器 QTimer类定时器是QObject类定时器的扩展版或者说升级版,因为它可以提供更多的功能.比如说,它支持单次触发和多次触发. 使用QTimer类定时器的步骤: (1)创建一个 ...
JavaScript基础（3）-JS中的面向对象、定时器、BOM、位置信息
一.创建对象的几种常用方式. 1.使用Object或对象字面量创建对象: a.使用Object()内置的构造函数来创建对象,例如: var student = new Object(); // 创建一 ...
js中的定时器 setTimeout()和setInterval() (保姆级教程)
1 两种定时器 window 对象给我们提供了 2 个非常好用的方法-定时器. setTimeout() setInterval() 2 setTimeout() 定时器 window.setTime ...
JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...
js中的4种函数调用模式：函数调用、方法调用、构造器调用、间接调用
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解 js中的4种函数调用模式 javascript一共有4种调用模式:函数调用模式.方法调用模式.构造器调用模式和间接调用模式. ...
文件夹选择对话框 JS实现的两种方案
文件夹选择对话框 JS实现的两种方案 /** * browseFolder.js * 该文件定义了BrowseFolder()函数,它将提供一个文件夹选择对话框 * 以供用户实现对系统文件夹选择 ...
第2话 Mesh对象的属性和threejs中的两种相机
构建一个"向场景中添加方块"的功能这主要要在dat.GUI中添加按钮以控制场景中各物体对象的属性. <!DOCTYPE html> <html> < ...
批量插入数据库语句java_java相关：MyBatis批量插入数据到Oracle数据库中的两种方式(实例代码)...
java相关:MyBatis批量插入数据到Oracle数据库中的两种方式(实例代码) 发布于 2020-7-22| 复制链接本文通过实例代码给大家分享了MyBatis批量插入数据到Oracle数据库 ...