requestAnimationFrame(render); 怎么停止

`requestAnimationFrame(render)` 是JavaScript中用于动画渲染的一个函数，它告诉浏览器你应该在下一次重绘之前调用指定的 `render` 函数。如果你想停止这个动画循环，你可以采用以下几种方式：

1. **移除回调**: 当不再需要更新时，可以简单地从 `window.requestAnimationFrame` 中移除你添加的回调。例如，在 `render` 函数中添加一个返回值为 `false` 或者 `null` 的终止条件，并取消注册：

let isAnimating = true;

function render() {
  // ... 动画逻辑

  if (!isAnimating) {  // 如果不需要继续动画
    cancelAnimationFrame(renderId);
    return;              // 返回 false 或 null 取消下次的动画帧请求
  }

  renderId = window.requestAnimationFrame(render);  // 下次请求
}

// 要停止动画时设置 isAnimating 为 false

2. **全局变量控制**: 你也可以在外面创建一个全局变量来控制动画的运行，当需要停止时将其置为 `false`。

3. **事件监听**: 通过监听某个事件（比如点击按钮或用户交互），可以在事件处理器中停止动画。

4. **利用 promise**: 如果动画过程复杂，你可以使用 Promise 来管理动画状态，完成后手动拒绝该 Promise 来结束动画。

记得在每个停止策略里，都要确保已经取消了 `requestAnimationFrame` 所产生的动画ID，防止内存泄漏。