Jquery 如何以最小的影响重新启动CSS动画

有没有一种方法可以在不克隆元素、回流DOM、等待（setTimeout/onAnimationEnd）的情况下重新启动CSS动画？

编辑：无需jQuery或检查

我基本上只是在下一个绘制帧重新启动动画

此方法不会克隆任何元素、回流文档、设置任何超时或等待动画完成。 它100%灵活，不需要jQuery

我还没有看到任何类似的东西（甚至没有），所以我想和你们分享我的想法，听听你们的想法

document.querySelector（'.box'）.onclick=function（）{
（这个）；
};
var requestAnimation=函数（obj）{
obj.style.animation='none'；
window.requestAnimationFrame（函数（）{
obj.style.animation='myAnimation 1s'；
});
}

html{背景：#212121；}
.盒子{
宽度：150px；
背景：白色；
光标：指针；
文本对齐：居中；
保证金：自动；
填充：20px；
边界半径：5px；
盒影：0 0 3px黑色；
}
跨度{
浮动：对；
颜色：灰色；
}
@关键帧myAnimation{
来自{背景：灰色；变换：比例（1.2）；}
到{背景：白色；变换：比例（1）；}
}

我可以永远做动画！
Luca Rossi

@freedomn-m当然不是，请看“like”@freedomn-m这个词，因为它可以用于每一个实际的“重新启动动画”场景。在这种情况下，

setTimeout

是不受欢迎的？你能用纯文本发布相同的函数吗javascript@vikrant纯javascript，无需检查状态！我将尝试在我的项目中使用这种方法，我将观察是否会有一些缺点。