Javascript 如何通过更改css类别来使用requestAnimationFrame制作动画？

我有4个不同的班，比如说.go1、.go2、.go3和.go4。
例如：

span
     transition: all .25s ease-in-out

span.go1
     transform: translate(44px, 39px);

span.go2
     transform: translate(60px, 71px);

我想通过更改类来设置span元素的动画，我可以使用setInterval来实现，但是我想知道是否可以/应该使用requestAnimationFrame来实现，以及在这种情况下如何使用它

可以/应该使用requestAnimationFrame完成

不，在这种情况下，

requestAnimationFrame

不是一个好的选择

rAF将尝试更新每个屏幕vblank（当您像这样使用它时，它将尝试更新下一个vblank），这对于更改元素上的类来说太快了。看起来会很难看。。。过渡需要x时间才能完成，在过渡期间呼叫皇家空军毫无意义，因为必须等到过渡结束

使用css3查看动画和关键点：

---

以及与此相关的注释事件（

transitionend

或

WebKittTransitionEnd

用于webkit），这些事件允许您在触发事件时触发下一次转换。

您是否知道转换事件，例如？不，不知道。但我会调查的。谢谢