js基础知识 —— 正确运用定时器

一、创建定时器

1.计时器 : setInterval

• 计时器, 每间隔固定的时间执行一次
• 语法: setInterval(函数, 数字/时间)
  • 函数: 每间隔固定的时间要执行的代码
  • 数字: 间隔的时间, 注意单位是毫秒, 最小值为 4~20ms

   // 计时器 setInterval
      var timeId1 = setInterval(function (){
        console.log('计时器')
      },1000)                             //1s执行一次
      console.log('计时器Id',timeId1)

2.倒计时器:setTimeout

• 倒计时器, 在指定时间到达后, 执行一次
• 语法: setTimeout(函数, 数字)
  • 函数: 在指定时间到达后要执行的代码
  • 数字: 间隔的时间, 注意单位是毫秒

   //倒计时器 setTimeout
      var timeId2 = setTimeout(function (){
        console.log('倒计时器')
      },6000)         //每6秒执行一次
      console.log('计时器Id',timeId2)     

二、关闭定时器

• 不区分定时器种类, 只要给出正确的定时器返回值就可以关闭

1.clearInterval

• 语法: clearInterval(定时器返回值)

  • 注意: 能够关闭计时器也能关闭倒计时器

  • 开发人员的约定: 这个定时器只用来关闭计时器,目的就是为了让其他开发人员开到这行代码之后, 知道你关闭了一个计时器

    clearInterval(timeId1) //关闭计时器

2.clearTimeout

• 语法: clearTimeout(定时器返回值)

  • 注意: 能够关闭计时器也能关闭倒计时器

  • 开发人员的约定: 这个定时器只用来关闭倒计时器，目的就是为了让其他开发人员看到这个行代码之后, 知道你关闭了一个倒计时器。

    clearTimeout(timeId2) //关闭倒计时器