Javascript 如何在单击按钮后连续旋转图像，然后在再次单击同一按钮时停止图像

我试图实现的是一个图像旋转器按钮，它连续旋转图像，然后在我再次单击它时停止旋转

旋转

我试图在JavaScript上实现RotateImage（）函数，而不使用JQuery。

尝试CSS动画

函数rotateImage（）{
var image=document.getElementById（“image”）；
如果（image.style.webkitAnimationPlayState==“正在运行”）{
image.style.webkitAnimationPlayState=“暂停”；
}否则{
image.style.webkitAnimationPlayState=“running”；
}
}

#图像{
动画：旋转1s线性0s无限；
动画播放状态：暂停；
}
@关键帧旋转{
到{
变换：旋转（360度）
}
}

toogle rotation

你能展示你已经尝试过的吗？看看CSS动画，有两个-一个用于旋转，一个用于不旋转，并使用JS函数在两者之间切换。