11.js-计时器

计时器

1. 属于BOM中的内容

2. 计时器分为两种

   间隔计时器:设置每隔多久执行一次操作或者函数

   延迟计时器:设置延迟多久才执行操作或者函数

3. 创建计时器的方式

   创建间隔计时器,使用方法是 setInterval()

   参数有两个

   参数1:执行的函数

   参数2:时间间隔，单位是 ms, 1s=1000ms

   创建方式三种

   • 匿名函数

   setInterval(function(){
       //code
   },1000);
   

   • 使用函数直接作为计时器的执行函数

   function show(){}
   setInterval(show,1000);
   

   • 使用函数直接作为计时器的执行函数,用字符串形式写入

   function show(){}
   setInterval('show',1000);
   

   计时器的返回值，返回值是当前浏览器分配给计时器的编号，谷歌从1开始，火狐从2开始，edge是从1 开始

   计时器函数里面的变量，属于局部变量，因此外面的操作不能直接操作计时器内部的变量，可以理解为外部的操作不会对计时器内部造成影响

4. 清空计时器

   清除间隔计时器

    clearInterval(计时器对应的编号)
   

5. 延时计时器

    setTimeout(function(){
       //code
   },1000)
   

   含义是 1秒钟之后再执行函数中的代码

6. 清除延时计时器，一般不清除
   clearInterval(计时器对应的编号)

let num = 60;
let n =null;
let timmer;
n = setInterval(function(){
    num--;
    time.innerHTML = num;
    //清除计时器
    if(num<=0){
        clearInterval(n);
    }
},1000);
console.log(n,num);
stop1.onclick =function(){
    clearInterval(n);
}