定时器-间歇函数

概念

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}句,先给自己打个气<br>`)
          if(i >= 10){
          clearInterval(interval)
          }
        }
        
    
posted @ 2022-05-13 22:15  丫丫learning  阅读(248)  评论(0编辑  收藏  举报