如何停止requestAnimationFrame递归/循环？
我将Three.js与WebGL渲染器一起使用，以制作一个在play单击链接时全屏显示的游戏。对于动画，我使用requestAnimationFrame。 我这样启动它： self.animate = function() { self.camera.lookAt(self.scene.position); self.renderer.render(self.scene, self.camera); if (self.willAnimate) window.requestAnimationFrame(self.animate, self.renderer.domElement); } self.startAnimating = function() { self.willAnimate = true; self.animate(); } self.stopAnimating = function() { self.willAnimate = false; } 在需要时，我调用该startAnimating方法，是的，它确实按预期工作。但是，当我调用该stopAnimating函数时，事情就坏了！不过，没有报告的错误... 设置基本上是这样的： play页面上有一个链接 用户单击链接后，渲染器domElement应全屏显示，并且 的 startAnimating调用方法，渲染器开始渲染东西 单击转义后，我注册一个fullscreenchange事件并执行stopAnimating方法 该页面尝试退出全屏显示，但确实如此，但是整个文档完全空白 我很确定我的其他代码还可以，并且我以某种requestAnimationFrame错误的方式停止了。我的解释可能很烂，所以我将代码上传到了我的网站，您可以在这里看到它的发生：http : //banehq.com/Placeholdername/main.html。 这是我不尝试调用动画方法的版本，并且全屏输入和输出均可使用：http : //banehq.com/Correct/Placeholdername/main.html。 第一次play单击后，游戏将初始化并start执行其方法。全屏退出后，将stop执行游戏的方法。每隔一次play单击一次，游戏将仅执行其start方法，因为无需再次对其进行初始化。 外观如下： var playLinkHasBeenClicked = …