单击导航箭头时如何停止猫头鹰旋转木马

<div class="carousel-container">
  <!-- 猫头鹰旋转木马内容 -->
</div>

<button id="stopButton">停止旋转</button>

.carousel-container {
  /* 设置旋转动画效果 */
  animation: rotateCarousel 5s infinite linear;
}

@keyframes rotateCarousel {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

const stopButton = document.getElementById('stopButton');
const carouselContainer = document.querySelector('.carousel-container');

stopButton.addEventListener('click', function() {
  // 停止旋转动画
  carouselContainer.style.animation = 'none';
});