在页面加载时停止自动启动关键帧动画

，可以通过以下几种方式实现：

CSS属性控制：使用CSS的animation-play-state属性来控制动画的播放状态。将animation-play-state设置为paused，可以暂停动画的播放。在页面加载时，可以通过JavaScript获取到需要停止的动画元素，并将其animation-play-state属性设置为paused。

示例代码：

.animation-element {
  animation-name: myAnimation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.animation-element.paused {
  animation-play-state: paused;
}

window.addEventListener('load', function() {
  var animationElement = document.querySelector('.animation-element');
  animationElement.classList.add('paused');
});

推荐的腾讯云相关产品：无

JavaScript控制：使用JavaScript的方法来控制动画的播放状态。在页面加载时，可以通过JavaScript获取到需要停止的动画元素，并使用JavaScript的方法来暂停动画的播放。

示例代码：

<div class="animation-element"></div>

<script>
window.addEventListener('load', function() {
  var animationElement = document.querySelector('.animation-element');
  var animation = animationElement.animate([
    { transform: 'translateX(0)' },
    { transform: 'translateX(100px)' }
  ], {
    duration: 3000,
    iterations: Infinity
  });
  
  animation.pause();
});
</script>

推荐的腾讯云相关产品：无

JavaScript库控制：使用一些流行的JavaScript动画库，如GreenSock Animation Platform (GSAP)、Anime.js等，来控制动画的播放状态。这些库提供了更多的动画控制选项，可以更方便地实现动画的暂停和播放。

示例代码（使用GSAP库）：

<div class="animation-element"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
<script>
window.addEventListener('load', function() {
  var animationElement = document.querySelector('.animation-element');
  var animation = gsap.to(animationElement, {
    x: 100,
    duration: 3,
    repeat: -1,
    yoyo: true
  });
  
  animation.pause();
});
</script>

推荐的腾讯云相关产品：无

总结：以上是在页面加载时停止自动启动关键帧动画的几种实现方式，可以根据具体需求选择合适的方法。