定时器-间歇函数


概念

setInterval 是 JavaScript 中内置的函数,它的作用是间隔固定的时间自动重复执行另一个函数,也叫定时器函数。

使用

  1. 开启/创建定时器

    语法:setInterval(函数, 间隔时间)

    • 函数:不加小括号,加小括号会立即执行
    • 时间间隔:单位毫秒,1000毫秒 = 1秒

    作用:每隔一段时间调用这个函数

    注意:

    1. 函数名字不需要加括号
    2. 定时器返回的是一个id数字
    // 匿名定时器:不能清除
        setInterval(fn,1000)
    
        function fn () {
          console.log('hellow~')
        }
    
  2. 关闭定时器

    语法:

    let 变量名 = setInterval(函数, 间隔时间)

    clearInterval(变量名)

    注意:

    因为页面中可能有多个定时器,但关闭哪个需要明确,因此关闭定时器必须有定时器标识

    定时器标识:开启/定义定时器时会返回一个id数字,作为定时器标志,由变量接收

        let i = 0
        const interval = setInterval(repeat, 1000) 
        
        function repeat () {
          i ++
          console.log(`每天起床第${i}句,先给自己打个气
    `) if(i >= 10){ clearInterval(interval) } }