JS的定时器

59、定时器

 * 两种定时器的介绍

①.setInterval 计时器，每间隔固定的时间执行一次

 * 语法：setInterval(函数, 数字/时间)
 *      函数:每间隔固定的时间要执行的代码
 *      数字:问隔的时问，注意单位是毫秒 ，最小值为4~20
 ```js
    setInterval(function() {
        console.log('我是一个定时器~~~')
    }, 1000)
```

②.setTimeout 倒计时器，在指定时间到达后，执行一次

 * 语法：setTimeout(函数, 数字)
 *      函数:在指定时间到达后要执行的代码
 *      数字:间隔时间，单位也是毫秒
 ```js
     setTimeout(function() {
         console.log('我是一个倒定时器~~~')
     }, 3000)
 ```

* 两个定时器的返回值与意义

 * + 返回值不区分定时器种类，用于表示你这个定时器是页面中第几个定时器
 * + 作用:用来关闭定时器
 ```js
     //  1.计时器 setInterval
     var timeId1 = setInterval(function() {
         console.log('我是一个定时器~~~')
     }, 1000)
     
     // 2.倒计时器 setTimeout
     var timeId2 = setTimeout(function() {
     console.log('我是一个倒定时器~~~')
     }, 3000)
     console.log('计时器ID', timeId1) //1
     console.log('倒计时器ID', timeId2) //2
 ```

* 关闭定时器

 * + 不区分定时器种类，只要给出正确的定时器返回值就可以关闭
 * + 语法：
 *    clearTimeout(定时器返回值) 
 *      注意：能够关闭计时器也能关闭倒计时器
 *           开发人员的约定：这个定时器只用来关闭倒计时器
 *           目的就是为了让其他开发人员看到这个行代码之后，知道你关闭了一个倒计时器
 *    clearInterval(定时器返回值)
 *      注意：能够关闭计时器也能关闭倒计时器，
 *           开发人员的约定：这个定时器只用来关闭计时器
 *           目的就是为了让其他开发人员看到这个行代码之后，知道你关闭了一个计时器
 * */ 
 ```js
      //  1.计时器 setInterval
      var timeId1 = setInterval(function() {
          console.log('我是一个定时器~~~')
      }, 1000)
      clearInterval(timeId1)
      
      // 2.倒计时器 setTimeout
      var timeId2 = setTimeout(function() {
          console.log('我是一个倒定时器~~~')
      }, 3000)
      clearTimeout(timeId2)
 ```