在另一个div中移动divsquare (无限循环)

<div id="container">
  <div id="divsquare"></div>
</div>

#container {
  width: 500px;
  height: 500px;
  border: 1px solid black;
  position: relative;
  overflow: hidden;
}

#divsquare {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
}

var container = document.getElementById("container");
var divsquare = document.getElementById("divsquare");

var position = 0;
setInterval(function() {
  position += 10; // 每次移动的距离
  divsquare.style.left = position + "px";
  if (position >= container.offsetWidth) {
    position = 0; // 当div移动到容器右侧时，重置位置到容器左侧
  }
}, 100); // 每100毫秒移动一次