script - 定时器

116 阅读1分钟
定时器分为两种:
  1. setInterval 计时器,每间隔固定的时间执行一次
    • 语法:setInterval(函数,数字)
    • 函数:每间隔固定时间要执行的代码
    • 数字: 间隔时间,单位为毫秒
  2. setTimeout 倒计时器,在指定的时间到达以后,执行一次
    • 语法: setTimeout(函数,数字)
    • 函数: 在指定时间到达后要执行的代码
    • 数字: 间隔时间,单位也是毫秒
两个计时器的返回值与意义
  1. 返回值不区分定时器种类,用于表示当前这个计时器是页面中的第几个
  2. 作用: 用来关闭定时器
关闭定时器
  • 关闭定时器: 不区分定时器种类,只要给出正确的定时器返回值就能关闭
  1. clearInterval (定时器返回值)
    • 一般只用来关闭计时器
  2. clearTimeout (定时器返回值)
    • 一般只用来关闭倒计时器
var timer1 = setInterval(function () {
    console.log('我是一个计时器');
},1000)

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

clearInterval(timer1)  //清除计时器
clearTimeout(timer2)  //清除倒计时器

两种计时器都属于异步任务,也就是先执行外面的代码,最后在执行计时器里的代码