css如何取消正在进行的转换

const myButt=document.getElementById（'my-butt'）；
myButt.style.transform='rotate（1turn）'；
myButt.addEventListener（'mouseenter'，function（）{
myButt.style.transition='transform 10s'；
myButt.classList.add（'no'）；
});
myButt.addEventListener（'mouseleave'，function（）{
myButt.style.removeProperty（'transition'）；
myButt.style.transform='rotate（0turn）'；
});
#我的屁股{
宽度：100px；
高度：100px；
}
不{
转变：无！重要；
}

在我的屁股上
好的，没关系

删除
转换：无！重要信息
在设置
rotate（0turn）
之前的
mouseleave
事件中的类似乎起作用。
我不明白。当我的鼠标离开带有您提供的代码的按钮时，框将返回到初始状态，并且不会转换。你到底想发生什么？@michael，真的吗？您使用的是哪种浏览器？因为我使用的是firefox，而且转换不会停止。但看起来你明白了？顺便说一句，你可以在css单独做这件事。你有兴趣回答这个问题吗？@Michael啊，谢谢你的提议。我知道如何在css中做到这一点。我试图在鼠标进入和离开另一个元素时设置按钮的动画，这就是我需要javascript的原因。但你是对的，也许我仍然可以在css中这样做。。。谢谢你的灵感！酷。这就是我使用js操作它的方式