js怎么把移动的多个元素停止

你可以使用 JavaScript 来停止移动多个元素。具体来说，你可以使用定时器（`setInterval()`）来不断更新元素的位置，然后通过清除定时器（`clearInterval()`）来停止它们的移动。

以下是一个简单的示例代码，其中包含一个开始和停止按钮：

<div>
  <button id="start">开始移动</button>
  <button id="stop">停止移动</button>
</div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

.box {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
}

const boxes = document.querySelectorAll('.box');
let intervalId;

function moveBoxes() {
  boxes.forEach(box => {
    box.style.left = `${Math.random() * 500}px`;
    box.style.top = `${Math.random() * 500}px`;
  });
}

document.querySelector('#start').addEventListener('click', () => {
  intervalId = setInterval(moveBoxes, 1000);
});

document.querySelector('#stop').addEventListener('click', () => {
  clearInterval(intervalId);
});

在这个例子中，我们首先获取所有具有 `.box` 类的元素，并定义一个名为 `intervalId` 的变量来保存定时器 ID。然后，我们定义了一个名为 `moveBoxes` 的函数，该函数将随机生成每个元素的位置。

当用户点击“开始移动”按钮时，我们使用 `setInterval()` 函数来每秒调用一次 `moveBoxes` 函数，并将返回的 ID 存储在 `intervalId` 变量中。当用户点击“停止移动”按钮时，我们使用 `clearInterval()` 函数来停止定时器并停止元素的移动。

你可以根据自己的需求修改这个例子来适应你的特定情况。