菜鸟前端日记8 (原生JS--定时器)

时间:2022-04-26 21:52:29

定时器

定时器:Js内置的一个方法,它是window上的方法,所以this指向window。
setInterval()—重复执行定时器
作用:每隔一段时间就会去执行指定的代码,重复执行。
语法:

setInterval(function(){
      重复执行的代码
},时间)
//时间:间隔的时间 单位毫秒 1s=1000ms


setInterval(函数名,时间);
//函数是在外面定义的,这里调用时只写函数的名字,不能加括号

setTimeOut()—延迟定时器
作用:当延迟时间到达后会执行指定的函数,这个函数只执行一次。
语法:

setTimeout(function(){ 要执行的函数 },时间) setTimeout(函数名,时间);

清除定时器

定时器的编号:
定时器的返回值,返回一个数字,代表当前定时器的编号,在不同的浏览器里是不同的,所以我们没办法直接拿编号去清除定时器。可以先声明个变量,把定时器的返回值存到这个变量里。然后拿这个变量去清除定时器。

var timer1 = setInterval(函数名,时间);
var timer2 = setTimeout(函数名,时间);

清除定时器的方法:
1、清除重复执行定时器的方法

clearInterval(timer1)

2、清除延迟执行定时器的方法

clearTimeout(timer2);