定时器
- 在 js 里面,有两种定时器,倒计时定时器 和 间隔定时器
倒计时定时器(延时器 延时执行一次)
- 倒计时多少时间以后执行函数
- 语法:
setTimeout(要执行的函数,多长时间以后执行)
- 会在你设定的时间以后,执行函数
![16640d5eefef607f2c9d990dcdd48623.png](https://i-blog.csdnimg.cn/blog_migrate/d23d6f26e76b73ddd9b9e8ef0e34a568.png)
- 时间是按照毫秒进行计算的,1000 毫秒就是 1秒钟
- 所以会在页面打开 1 秒钟以后执行函数
- 只执行一次,就不在执行了
- 返回值是,当前这个定时器是页面中的第几个定时器
间隔定时器
- 每间隔多少时间就执行一次函数
- 语法:
setInterval(要执行的函数,间隔多少时间)
![ce77186180dfe30cad8f3db492dc9fa2.png](https://i-blog.csdnimg.cn/blog_migrate/bc09f02042ff4252b455e8d57520c3c4.png)
- 时间和刚才一样,是按照毫秒进行计算的
- 每间隔 1 秒钟执行一次函数
- 只要不关闭,会一直执行
- 返回值是,当前这个定时器是页面中的第几个定时器
定时器的返回值
- 设置定时器的时候,他的返回值是部分
setTimeout
和setInterval
的 - 只要有一个定时器,那么就是一个数字
![4b095e717003a824edec42a0f37babc5.png](https://i-blog.csdnimg.cn/blog_migrate/3ab9251c5c07ac3cd52067b9cc8157ed.png)
关闭定时器
- 我们刚才提到过一个 timerId,是表示这个定时器是页面上的第几个定时器
- 这个 timerId 就是用来关闭定时器的数字
- 我们有两个方法来关闭定时器
clearTimeout
和clearInterval
![05e335551638cd89fae270418517eac9.png](https://i-blog.csdnimg.cn/blog_migrate/5adf90bf7a1899aabc38248b5bd26d36.png)
- 关闭以后,定时器就不会在执行了
![88f11b4abc3d2637dbc8683148d48e7f.png](https://i-blog.csdnimg.cn/blog_migrate/bf13650e809a88930526f4ab6f894a08.png)
- 关闭以后定时器就不会在执行了
- 原则上是
clearTimeout
关闭 setTimeout
clearInterval
关闭 setInterval
- 但是其实是可以通用的,他们可以混着使用
![d03a40a6e2ea836970933258f12c2a2c.png](https://i-blog.csdnimg.cn/blog_migrate/67de1b68ace621c43f7ec7017e3ae729.png)
- 以上就是JS定时器的用法