Javascript CSS转换未删除

我正在尝试使用blow scheme进行一些转换： StateA->淡出->状态B->状态C->淡入->状态A 因此，我需要A->B和C->A之间的转换，而不是B->C之间的转换

我的想法是通过删除“transition”类“transition:all 1s；”来实现这一点在StateB之前->StateC更改和添加之后，如下所示：

card.classList.add（“两张卡淡出”）//A->B
card.classList.remove（“两张卡转换”）；//删除“”转换
card.classList.remove（“两张卡淡出”）；
card.classList.add（“两张卡淡入”）；//B->C
card.classList.add（“两张卡转换”）；//添加转换使C->A

我删除了转换类，并在将类从B更改为C之后添加了它，但是这种更改与转换一起进行 看起来它是异步发生的，因为如果我从上面的代码中删除las add转换，它会立即发生

此外，如果我添加了转换类async，它就像我需要的那样

card.classList.remove（“两张卡转换”）；
card.classList.remove（“两张卡淡出”）；
card.classList.add（“两张卡淡入”）；
设置超时（（）=>{
card.classList.add（“两张卡片转换”）；
card.classList.remove（“两张卡淡入”）；
});
card.classList.remove（“两张卡淡入”）；

你能解释一下为什么会发生这种情况吗

card.classList.add（'two\u card\u transition'）//添加transition使C->A

此过渡添加到B->C阶段？

您能提供吗？最好是作为堆栈片段