javaScript系列---【定时器】

2021-06-07 21:03

阅读:492

标签:function   art   mod   返回   传递   示例   代码   哈哈   个数   

定时器

定时器的分类

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:当前定时器的返回值

javaScript系列---【定时器】

标签:function   art   mod   返回   传递   示例   代码   哈哈   个数   

原文地址:https://www.cnblogs.com/chenhaiyun/p/14550639.html


评论


亲,登录后才可以留言!