我如何在切换类按钮中播放/暂停动画?

Question

我尝试使用toggle class按钮播放和暂停动画。你能给我一些建议吗?

使用这段代码，当我点击播放/暂停按钮时，动画不会暂停。

In my HTML file I write something like this:
<button type="submit" id="btn">play/Pause</button>

在我的CSS文件中，我这样写:

.mysun, .mysky   {
animation-play-state: paused;
};

在我的JS文件中，我这样写:

btn.onclick = myFunction;
function myFunction() {
var sun = document.getElementById("sun");
var sky = document.getElementById("sky");
sun.classList.toggle("mysun");
sky.classList.toggle("mysky");
};

Answer 1

试试sky.classList.toggle("mysky"; ?