首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Javascript功能:自主管理速度?

Javascript功能:自主管理速度?
EN

Stack Overflow用户
提问于 2018-09-27 06:30:19
回答 1查看 22关注 0票数 0

背景

我不太明白如何正确地问这个问题,但这是我最好的办法。

有没有办法让Javascript有能力控制自己的速度?它基本上是动态地选择它的帧速率。它永远不会触发超出浏览器处理能力的事件,理想情况下应该少一点。动画将在当前时间计算,并基于该当前时间动态递增。

问题

  • 有没有更好的方式来问这个问题?有没有我应该用的方言?
  • 这个问题是不是太宽泛了?有多种方法来解决这个问题吗?
  • 如果这个问题不是太宽泛,那么解决方案是什么?
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-27 06:55:50

有没有办法让Javascript有能力控制自己的速度?

不是的。Javascript将尽可能快地运行,当浏览器想要运行它时,所以你不能改变“它运行的速度”的方式。如果JS代码被执行,浏览器将被阻止,这意味着:

代码语言:javascript
复制
  while(true) {
    document.body.textContent = new Date();
  }

将使浏览器崩溃,而不是显示当前时间。

它基本上是动态地选择它的帧速率。

那是另一回事。浏览器会绘制你递给他的任何东西(例如画布),并以大约60fps的速度重新渲染。例如:

代码语言:javascript
复制
 setInterval(function update() {
   document.body.textContent = new Date();
 }, 100);

它永远不会超出浏览器的处理能力,理想情况下应该少一点。动画将在当前时间计算,并基于该当前时间动态递增。

这就是requestAnimationFrame的用武之地。

代码语言:javascript
复制
 (function update() {
    document.body.textContent = new Date();
    requestAnimationFrame(update);
 })();

这样,下一次更新只会在当前完成之后发生,浏览器只会在更新函数ender之后重新渲染,所以如果你的函数花了很长时间来计算更新,它将会延迟/冻结。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52526869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档