JavaScript定时器

—— 此篇开始 ——

---

什么是定时器？

定时器是JavaScript提供给我们的一个代码机制，可以按照定时器规则去执行代码，往往用于异步操作

---

定时器分类：

        1. 延时定时器

                在一段固定时间后执行一段JavaScript代码。且只执行一次

        2. 间隔定时器

                每间隔固定时间后执行一段JavaScript代码。永不停止，除非手动关闭

---

开启定时器：

        1. 延时定时器

                语法：setTimeout(函数,数字)

                函数：在固定时间执行的代码

                数字：表示延后多少时间执行，单位是毫秒

                返回值：一个数字，表示的是页面上的第几个定时器

        2. 间隔定时器

                语法：setInterval(函数，数字)

                函数：在间隔固定时间以后执行的代码

                数字：表示每次间隔多少时间，单位是毫秒

                返回值：一个数字，表示的是页面上的第几个定时器

---

代码执行：

1. 延时定时器

//延时计时器

console.log (new Date()); //输出开始时间

setTimeout(function a(){
    console.log ("我执行了");
    console.log (new Date()); //输出定时器执行时的时间
},3000) //表示a函数会在3000毫秒以后执行

结果： 

由于我不知道csdn怎么放视频上来，所以就用时间对象来反应

2. 间隔定时器

//间隔定时器
setInterval(function a(){
    console.log ("我执行了!");
    console.log (new Date());
},1000) //表示a函数每秒执行一次

结果：

 

---

关闭定时器：

        1.clearTimeOut()

                语法：clearTimeOut(数字或定时器名称)

                数字：你要关闭页面上的第几个定时器

        2.clearInterval()

                语法：clearInterval(数字或定时器名称)

                数字：你要关闭页面上的第几个定时器

        注意：两种方法都不分定时器种类，只要给的数字或定时器名称是对的就可以了

代码：

//开启两个定时器
var t1 = setTimeout(function () { console.log ("定时器1");},3000)
var t2 = setInterval(function () { console.log ("定时器2");},1000)

//创建一个具有清除定时器的方法
var cl = function(){
    clearInterval(t1);
    clearTimeout(t2);
    console.log ("已清空");
}
console.log (cl());

结果：

 

---

 —— 此篇完 ——