javascript和css计时是否同步？

javascript（超时、间隔）和css（动画、延迟）计时是否同步

例如：

#anim1 {
animation: anim1 10s linear;
display: none;
}

anim1.style.display = "block" ;
setTimeout(function() {
 anim2.style.webkitAnimation= 'anim2 10s linear';
}, 10000);

动画2会在动画1结束时精确触发吗？是否因浏览器而异？在这种情况下，我更感兴趣的是webkit焦点

注意，anim1是通过javascript触发的，以避免加载时间不一致

---

NB：这是一个理论问题，上面的代码只是一个例子，你不能在家里使用它，因为有更合适的方法可以这样做

这样做是错误的。没有任何保证它们会同步，尽管它们很可能很接近

为动画的开始、结束和重复提供事件

这些细节

使用如下代码：

element.addEventListener("webkitAnimationEnd", callfunction,false);

---

就我所知，没有任何保证。然而，有些事件你可以倾听

anim1.addEventListener('animationend',function(){
    anim2.style.webkitAnimation= 'anim2 10s linear';
}

注意，因为这些是新的，所以仍然需要考虑供应商前缀<用于Webkit和Opera的code>webkitAnimationEnd和

oanimationend

---

另外，正如我最初的回答（错误地）所建议的，如果您想使用CSS转换而不是动画，则有

转换和

（前缀类似）。

可能是做此类动画的好建议，但真正的问题是：

JavaScript和CSS计时同步吗？

确实，谢谢你的回答，但这段代码与其说是一个现实生活中的例子，不如说是一个理论上的例子。@Kyslik是真的，但我能给出的最好答案是“我怀疑它”。这就是我要做的，来解决这个问题。它也更整洁；可以在不存在不一致风险的情况下更改时间。我已经查看了规范，没有发现任何迹象表明JavaScript和CSS时间有任何关联。我希望它是未定义的，但这是一个有趣的问题。谢谢，因为“我怀疑”的答案而被标记为接受。我仍然感到惊讶的是，在野外没有关于这件事的出版物。我不知道这件事的存在