当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript 定时器

JavaScript 定时器

2019年07月02日  | 移动技术网IT编程  | 我要评论

什么是定时器

  • 简单来说就是在一段时间间隔后执行一个函数或执行一段代码的方法
  • javascript 原生提供几种定时器 setinterval、settimeout 、requestanimationframe
  • 执行函数中的作用域未全局作用域this指向全局，可通过 bind 方法给执行函数传递参数或指定作用域 (严格模式下，settimeout( callback,delay)中callback里面的this仍然默认指向window对象， 并不是undefined)
  • 回调函数会放到 marco task 中等道主线程空闲时才会去执行，因此间隔时间会稍长；调用marco task中的顺序，先进先出原则

setinterval

  • 每相隔一段时间间隔执行一个函数或执行一段代码的方法
  • 通过clearinterval方法来取消定时器
  let timerinterid =  window.setinterval(callback,delay[,param...])
   settimeout( clearinterval.bind(null,timerinterid),1000)

参数

  • callback 重复执行的函数或代码段（不推荐使用一段字符串构成的代码，应为这样做不安全，会被不法分子利用）
  • delay 时间间隔，单位为毫秒（ms）实际间隔可能会稍长（最小间隔是4ms）
  • timerinterid 每次调用setinterval方法返回的唯一 id，可通过调用 clearinterval方法来清除setinterval方法
  • param1, ..., paramn 传递给执行函数（callback）的参数 ( )

settimeout

  • 在一段时间间隔后执行一个函数或执行一段代码的方法
  • 通过cleartimeout方法来清除定时器
let timertimeid = settimeout(callback,delay[,param1, ..., paramn ])

参数

  • callback 重复执行的函数或代码段（不推荐使用一段字符串构成的代码，应为这样做不安全，会被不法分子利用）
  • delay 时间间隔，单位为毫秒（ms），默认为0实际间隔可能会稍长（最小间隔为 4ms ）
  • timertimeid 每次调用settimeout方法返回的唯一 id，可通过调用 cleartimeout方法来清除settimeout方法
  • param1, ..., paramn 传递给执行函数（callback）的参数 ( )

requestanimationframe

  • 类似于setinterval方法，执行动画时推荐使用
  • 会在浏览器下次重绘前执行函数
  • 执行间隔通常是每秒60次，当运行在后台标签页或隐藏在 iframe时，会暂停调用
let frameid = window.requestanimationframe(callback)
settimeout(cancelanimationframe.bind(null,frameid),1000)

参数

  • callback 更新动画帧所调用的函数
  • 一帧大约 16.7ms

兼容性

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网