定时器

114 阅读1分钟

定时器-间隔函数setInterval

  • 网页中经常会需要一种功能:每隔一段时间需要自动执行一段代码,不需要我们手动去触发
  • 定时器函数有两种: 间隔函数 和 延迟函数

开启setInterval定时器

  • setInterval(函数,间隔时间)
  • image.png
  • 作用 :每隔一段时间调用这个函数
  • 间歇函数: setInterval : 每隔一段时间就执行一次,平时省略window
  • 注意 :单位以毫秒计算
  • image.png
  • 引用函数在定时器中不需要加括号
  • 返回值: 返回值是一个数字,我们可以用一个变量来接收它。一般用let接收。const声明的变量,不能被修改

关闭setInterval定时器

  • clearInterval(定时器变量名)
  • image.png
  • image.png

定时器-延迟函数setTimeout

  • JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout
  • 语法:
  • setTimeout(回调函数,等待的毫秒数)
  • setTimeout 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window

清除延迟函数

  • clearTimeout(定时器变量名) image.png
  • 注意:
  • 延时函数需要等待,所以后面的代码先执行
  • 返回值: 间歇函数 setInterval : 每隔一段时间就执行一次, , 平时省略window