JavaScript中暂停动画的方式

动画在网页设计中起着重要的作用，可以增添页面的生动性和交互性。有时候，我们可能需要暂停动画，以便在特定情况下控制动画的运行。在JavaScript中，我们可以使用几种方式来暂停动画。下面将介绍其中的几种方式，并附上相应的源代码。

1. 使用CSS的animation-play-state属性
   CSS的animation-play-state属性允许我们控制动画的播放状态，包括暂停和继续播放。我们可以通过JavaScript来操作该属性，从而实现暂停动画的效果。

// 获取动画元素
const animationElement = document.getElementById('animation');