0104---定时器

127 阅读1分钟

两种定时器的介绍

  1. setInterval 计时器, 每间隔固定的时间执行一次

     语法: setInterval(函数, 数字/时间)
    

函数: 每间隔固定的时间要执行的代码

数字: 间隔的时间, 注意单位是毫秒, 最小值为 4~20

     var timeId1 = setInterval(function () {
        console.log('我是一个定时器~~~')
    }, 1000)

2. setTimeout 倒计时器, 在指定时间到达后, 执行一次

    语法: setTimeout(函数, 数字)

函数: 在指定时间到达后要执行的代码

数字: 间隔时间, 单位也是毫秒

    var timeId2 = setTimeout(function () {
        console.log('我是一个倒计时器')
    }, 3000)

两个定时器的返回值与意义

  • 返回值不区分定时器种类, 用于表示你这个定时器是页面中第几个定时器

  • 作用: 用来关闭定时器

关闭定时器

  • 不区分定时器种类, 只要给出正确的定时器返回值就可以关闭

     clearTimeout(定时器返回值)
    

注意: 能够关闭计时器也能关闭倒计时器

开发人员的约定: 这个定时器只用来关闭倒计时器

     clearInterval(timeId1)

目的就是为了让其他开发人员看到这个行代码之后, 知道你关闭了一个倒计时器

    clearInterval(定时器返回值)
    

注意: 能够关闭计时器也能关闭倒计时器

开发人员的约定: 这个定时器只用来关闭计时器

    clearInterval(timeId2)

目的就是为了让其他开发人员开到这行代码之后, 知道你关闭了一个计时器