如何在JavaScript中使用setInterval循环时让精灵停止移动

// 创建一个精灵对象
var sprite = document.getElementById("sprite");

// 设置精灵的初始位置
var position = 0;

// 设置精灵每次移动的距离
var distance = 10;

// 设置精灵移动的时间间隔
var interval = 100; // 单位为毫秒

// 定义一个变量来保存定时器的ID
var timerId;

// 启动精灵的移动
function startMoving() {
  // 使用setInterval函数来重复执行移动代码
  timerId = setInterval(moveSprite, interval);
}

// 停止精灵的移动
function stopMoving() {
  // 使用clearInterval函数来清除定时器
  clearInterval(timerId);
}

// 移动精灵的函数
function moveSprite() {
  // 更新精灵的位置
  position += distance;
  
  // 将新的位置应用到精灵的样式中
  sprite.style.left = position + "px";
}

// 调用startMoving函数来启动精灵的移动
startMoving();