Javascript 在动画期间更改方向（使用vanilla JS动画）

我正在寻找一种中断动画并改变方向的方法，例如：

var elem=document.getElementById（'elem'）；
var向右=假；
var leftKeyframe={transform:'translate（0）}；
var rightKeyframe={transform:'translate（200px，0）}；
函数toggledirection（）{
向右=！向右；
如果（向右）{
元素动画（[leftKeyframe，rightKeyframe]，1000）；
}否则{
元素动画（[rightKeyframe，leftKeyframe]，1000）；
}
}

div{
宽度：50px；
高度：50px；
边框：3倍纯色灰色；
}

切换方向

我做了一些测试：
-使用元素计算样式反转动画。
-并在检查

播放状态时使用animate
.reverse
本机方法

在第一把小提琴中，我每单击一个按钮就开始一个新的动画，因此，当你在它仍在转换时反转时，动画将需要1秒才能完成，即使元素距离目标点2 px

还要记住
window.getComputedStyle（元素）
！==<代码>元素.样式

---

动画API:
-
-

getComputedStyle:

---

-

嗯，我不知道这个API。但是，为什么不像您在“like so”链接中共享的示例那样使用css/js解决方案呢？js动画有更多的功能和灵活性，甚至可以是：Odidn不知道getComputedStyle，谢谢！！