Home  >  Q&A  >  body text

javascript - setInterval 页面失焦时出现的问题

页面中有一个滚动列表,用setInvterval写的.

现在有一个问题就是当页面失焦(也就是浏览器窗口最小化,或者切换到其他标签页时)后,再切回来时,会看到列表会"疯狂"的滚动一段距离.

自己尝试搜索过,好像是因为页面失焦后JS会暂停,再次聚焦时会一下子运行掉之前暂停的动作.

可以对document的visibilityChange进行监听,失焦后clearInterval,聚焦再次运行.

但是我想要页面在失焦后也能正常运行,请问该如何实现?

PS:前端小白,麻烦用原生JS解答,谢谢!

迷茫迷茫2769 days ago478

reply all(1)I'll reply

  • 天蓬老师

    天蓬老师2017-04-11 12:49:38

    使用requestAnimationFrame模拟setInterval

    reply
    0
  • Cancelreply