javascript - HTML5 javascript 动画与通常的无限循环相比？

Question

与 C++ 中常见的无限循环相比，HTML5 javascript sprite 动画如何工作？它似乎不是动画 Javascript 程序中的主要无限循环。是否有浏览器定期调用的回调函数？

我说的是 JavaScript 交互式动画，例如浏览器游戏。

Answer 1

100% Javascript 动画使用循环计时器(例如，每 50 毫秒调用我的代码)或使用 window.requestAnimationFrame()被反复打电话。在任何一种情况下，主消息处理都可以与重复的动画函数调用交织在一起，这允许应用程序在动画运行时保持交互(例如处理用户输入事件)。

请记住，在现代浏览器中，也可以使用 Javascript 的组合来指导动画并更改动画的过程以响应用户输入，但要使用 CSS3 动画指令来实际执行和运行动画。在这种情况下，浏览器自己的 native 代码本身正在绘制动画帧，具体如何完成取决于浏览器的内部实现。