HTML5 Canvas -停止先前的requestAnimationFrame

HTML5 Canvas – Stop previous requestAnimationFrame

本文关键字：requestAnimationFrame Canvas HTML5      更新时间：2023-09-26

我使用的是HTML Canvas。我希望新的帧被请求，只有当点击功能没有再次被触发。基本上我想让它"停止"之前的递归，我想

document.addEventListener('click', function(){
    [...]
    var animate = function() {
      if (the click event was NOT fired again) {
        requestAnimationFrame(animate);
      }
    };
    animate();
});

我该怎么做呢?

您可以设置一个全局变量，如rafId，并在您调用rAF的行中使其为;

rafId = requestAnimationFrame(animate);

然后在需要时调用cancelAnimationFrame()，如cancelAnimationFrame(rafId)

相关文章：
  • 没有找到相关文章