javaScript系列---【定时器】

定时器

定时器的分类

1.1延迟定时器（一次性定时器）

延迟定时器:多长时间之后去执行一次，例如：广告弹出
语法：

setTimeout(callBack,time);   
//参数：callBack:函数 ->可以传递实名函数也可以传递匿名函数
    time:毫秒值  单位（ms） 省略单位

代码示例：

 // console.log(setTimeout);
        function print() {
            console.log("哈哈~~~");
        }
        // 传递的实名函数
        window.setTimeout(print, 3000);
 // 传递匿名函数
        setTimeout(function () {
            console.log("呵呵~~~");
        }, 2000);

1.2轮循定时器(重复定时器)

轮循定时器:没隔多长时间执行一次  例如：轮播图
语法：

setInterval(callBack,time);    
//参数：callBack:函数 ->可以传递实名函数也可以传递匿名函数
      time:毫秒值  单位（ms） 省略单位      

代码示例：

 // 传递实名函数
        function print(){
            console.log("我是轮循定时器~~~");
        }
       setInterval(print,1000);
// 匿名函数
       window.setInterval(function(){
        console.log("哈哈");
       },2000);

2.定时器的返回值

定时器的返回值是一个数值，并且这个数值是唯一的（标识当前是那个定时器）

 //timer1是定时器的返回值，标识当前是那个定时器
 var timer1 = setTimeout(function(){
            console.log("哈哈");
        },1000);

3.清除定时器

3.1清除延迟定时器

clearTimeout(timeId);

//timeId:当前定时器的返回值

3.2清除轮循定时器

clearInterval(timeId); 

//timeId:当前定时器的返回值