定时器分为两种,一种是间歇定时器,一种是延时定时器, 我们今天来讲讲间歇定时器(间歇函数)
间歇定时器的作用是重复执行一个函数
首先我们先看看如何创建一个间歇定时器
语法:setInterval(函数,毫秒)
间歇定时器有两个参数,一个是执行的函数(函数内是你要执行的内容),一个是毫秒(想多少毫秒执行一次函数(1000毫秒==1秒))
示例1
function dingShiQi() {
console.log('你好,世界');
}
//注意函数名后不可以写括号,否则参数变成了函数的返回值
setInterval(dingShiQi,1000)
示例2(推荐)
//将匿名函数作为第一个实参
setInterval(function() {
console.log('你好,世界');
},1000)
ok,以上就是如何创建一个间歇定时器,如果定时器需要被反复调用,可以把定时器封装到一个函数里
那创建是没问题了,我们应该如何停止定时器呢?
停止定时器也就是把定时器给清除掉,语法如下:
clearInterval(句柄)
句柄:其实就是你把定时器赋给一个变量,这个变量就是定时器的句柄,可以理解为定时器的名称
示例
let setTimer = setInterval(function() {
console.log('你好,世界');
},1000)
//清除定时器
clearInterval(setTimer)
以上就是间歇定时器的创建和清除啦
但是间歇函数有一个缺点就是开始的时候会延迟,延时的秒数是你设置的秒数,想想看,怎么处理这个问题呢?