间歇函数(间歇定时器)

821 阅读1分钟

定时器分为两种,一种是间歇定时器,一种是延时定时器, 我们今天来讲讲间歇定时器(间歇函数)

间歇定时器的作用是重复执行一个函数

首先我们先看看如何创建一个间歇定时器

语法: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)

以上就是间歇定时器的创建和清除啦

但是间歇函数有一个缺点就是开始的时候会延迟,延时的秒数是你设置的秒数,想想看,怎么处理这个问题呢?