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

Question

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

我正在谈论像浏览器游戏一样的javascript互动动画。

Answer 1

100％Javascript动画使用定期计时器（例如，每隔50ms调用我的代码）或使用window.requestAnimationFrame()重复调用。在任何一种情况下，允许主消息处理与重复的动画函数调用交织，这允许应用程序在动画运行时保持交互（例如，处理用户输入事件）。

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

Answer 2

如果你不使用画布并使用html元素，你应该使用css3动画。例如 - Animation.css