暂停并使用javascript播放CSS动画

我需要一个按钮连同我的动画。按下该按钮，我想暂停动画，再次按下，我想播放动画。我对css3关键帧动画有点陌生，所以我对此感到困惑。这是我在同一个文件中的动画页面代码及其CSS

动画
图#夜间白天{
保证金：0自动；
字号：0；
最大宽度：1000px；
高度：500px；
背景色：#000；
溢出：隐藏；
背景图片：url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/starfield_stock_1.jpg);
背景尺寸：封面；
位置：相对位置；
}
@关键帧太阳轨迹{
从{
变换：旋转（.15圈）；
}
到{
变换：旋转（-.85圈）；
}
}
@月球轨道关键帧{
从{
变换：旋转（.15圈）；
}
到{
变换：旋转（-.85圈）；
}
}
@关键帧太阳脉冲{
从{
框阴影：0 0 100像素rgba（255，255，0.4），0 0 100像素rgba（255，255，0.4）；
}
到{
框阴影：0 0 50像素rgba（255，255，0.8），0 0 75像素rgba（255，255，0.8）；
}
}
孙先生{
宽度：15vw；
高度：15vw；
背景：#ff0；
背景：径向梯度（中心椭圆，#f90 0%，#fc0 60%，#ff0 100%）；
边界半径：100%；
位置：绝对位置；
底部：-7vw；
右：7vw；
变换原点：-28vw 7vw；
动画：suntrack 24s无限向前线性，sunpulse 2s交替无限；
}
月亮先生{
背景图片：url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/moon8.png);
宽度：15vw；
高度：15vw；
位置：绝对位置；
背景重复：无重复；
背景位置：中心；
背景大小：90%90%；
边界半径：100%；
底部：-7vw；
右：7vw；
变换原点：-28vw 7vw；
动画：月球轨道24秒无限向后线性；
动画延迟：12秒；
不透明度：.8；
}

你就快到了；您还需要暂停SVG动画

注意：对于本例，我已将

单击事件绑定到
图
元素


var figure=document.getElementById（“夜间-白天”），
天空=figure.querySelector（“svg”），
sun=图.querySelector（“.sun”），
月亮=数字查询选择器（“月亮”）；
图.addEventListener（“单击”，函数（）{
sky.animationspauseanimations（）？sky.unpauseAnimations（）：sky.pauseAnimations（）；
sun.classList.toggle（“暂停”）；
moon.classList.toggle（“暂停”）；
},0);
#夜间白天{
背景色：#000；
背景图片：url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/starfield_stock_1.jpg);
背景尺寸：封面；
字号：0；
高度：500px；
保证金：0自动；
溢出：隐藏；
位置：相对位置；
最大宽度：1000px；
}
孙先生{
动画：suntrack 24s无限向前线性，sunpulse 2s交替无限；
背景：径向梯度（中心椭圆，#f90 0%，#fc0 60%，#ff0 100%）；
边界半径：100%；
底部：-7vw；
高度：15vw；
位置：绝对位置；
右：7vw；
变换原点：-28vw 7vw；
宽度：15vw；
}
月亮先生{
动画：月球轨道24秒无限向后线性；
动画延迟：12秒；
背景图片：url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/moon8.png);
背景位置：中心；
背景重复：无重复；
背景大小：90%90%；
边界半径：100%；
底部：-7vw；
高度：15vw；
不透明度：.8；
位置：绝对位置；
右：7vw；
变换原点：-28vw 7vw；
宽度：15vw；
}
.停顿{
-webkit动画播放状态：暂停；
动画播放状态：暂停；
}
@关键帧太阳轨迹{
从{
变换：旋转（.15圈）；
}
到{
变换：旋转（-.85圈）；
}
}
@月球轨道关键帧{
从{
变换：旋转（.15圈）；
}
到{
变换：旋转（-.85圈）；
}
}
@关键帧太阳脉冲{
从{
盒影：0 0 100像素rgba（255255,0,4），0 0 100像素rgba（255255,0,4）；
}
到{
盒影：0 0 50像素rgba（255255,0.8），0 0 75像素rgba（255255,0.8）；
}
}
我想这是同一个问题