码迷,mamicode.com
首页 > 编程语言 > 详细

javaScript系列---【定时器】

时间:2021-03-18 14:13:56      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!