JS：定时器--间歇函数

文章目录

• 前言
• 一、设置定时器
• 二、关闭定时器
• 二、再次开启定时器
• 总结

---

前言

倒计时功能的实现依赖于定时器函数的精确控制，下文将详细解析如何使用setInterval()和setTimeout()

---

一、设置定时器

基本语法：

setInterval(fn,t)

setTimeout(fn,t)

 fn为重复执行的函数，t为每次执行间隔的时间，单位为ms。函数fn不需要加括号()，因为传入的是函数体而不是函数执行

setTimeout()函数用于倒计时结束执行一次的功能，相当于一个定时炸弹；setInterval()函数是每隔t(ms)执行一次传入函数

函数也能写成下面这种形式：

setInterval(function(){
  函数体
}, t)

setTimeout(function(){
  函数体
},t)

声明了一个匿名函数作为第一个参数，如果函数内不需要调用this，还可以简化为箭头函数(箭头函数没有this)

setInterval(()=>{
  函数体
}, t)

setTimeout(() => {
  函数体
}, t);

 

二、关闭定时器

两种定时器函数的返回值都是一个数字，这个数字由他是第几个定时器函数决定

关闭定时器时，用这个返回的值来识别是哪一个定时器

clearInterval(timeID)

clearTimeout(timeID2)

值得注意的是，clearTimeout()在定时器函数内部是不生效的，最好不要将clearTimeout()放在定时器函数内部

三、再次开启定时器

由于前面设置定时器时已经声明过变量=定时器了，因此再次开启定时器只需要再将定时器赋值给变量即可

timeID = setInterval(() => {
  函数体
}, 1000);

timeID2 = setTimeout(() => {
  函数体
}, 1000)

并且由于需要再次给变量赋值，前面声明变量时就不能用const只能用let 

---

总结