用js 实现点击按钮 开始一个动画

好的，可以使用JavaScript中的CSS动画来实现这个功能。

首先，在HTML中添加一个按钮和一个需要执行动画的元素：

<button id="btn">开始动画</button>
<div id="box"></div>

然后，在CSS中定义需要执行的动画：

#box {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: move 2s ease-in-out infinite;
}

@keyframes move {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

最后，在JavaScript中添加点击事件，以控制动画的开始和停止：

var btn = document.getElementById("btn");
var box = document.getElementById("box");

btn.onclick = function() {
  if (box.style.animationPlayState === "paused") {
    box.style.animationPlayState = "running";
  } else {
    box.style.animationPlayState = "paused";
  }
}

点击按钮后，判断当前动画的状态，如果是暂停状态，则将其改为运行状态，反之亦然。这样就完成了点击按钮开始一个动画的功能。