js添加animation

要在 JavaScript 中添加动画效果，可以使用 CSS 动画。可以使用 JavaScript 操作 DOM 元素的 CSS 样式，从而实现动画效果。下面是一个示例代码：

HTML 代码：

<div id="myDiv"></div>

CSS 代码：

#myDiv {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  animation: myAnimation 2s ease-in-out infinite;
}

@keyframes myAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(200px, 200px);
  }
  100% {
    transform: translate(0, 0);
  }
}

JavaScript 代码：

var myDiv = document.getElementById("myDiv");
myDiv.style.animation = "myAnimation 2s ease-in-out infinite";

这个例子中，我们定义了一个 div 元素，并为其添加了一个 CSS 动画。然后使用 JavaScript 获取该元素，并将其 animation 属性设置为所定义的动画。这样，当页面加载时，div 元素就会开始动画效果了。