在3个位置之间平滑动画快速3

<div id="box"></div>

#box {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  transition: left 0.5s ease-in-out;
}

var box = document.getElementById("box");
var position = 0;

function animate() {
  if (position === 0) {
    box.style.left = "200px";
    position = 1;
  } else if (position === 1) {
    box.style.left = "400px";
    position = 2;
  } else if (position === 2) {
    box.style.left = "0";
    position = 0;
  }
}

setInterval(animate, 3000);