使用js创建了一个colorcyle，并希望在单击停止按钮时终止它的执行

<button id="stopButton">停止</button>
<div id="colorElement"></div>

var colorCycleInterval;
var colorElement = document.getElementById("colorElement");
var stopButton = document.getElementById("stopButton");

function startColorCycle() {
  colorCycleInterval = setInterval(changeColor, 1000); // 每隔1秒改变颜色
}

function stopColorCycle() {
  clearInterval(colorCycleInterval); // 停止循环
}

function changeColor() {
  var randomColor = getRandomColor();
  colorElement.style.backgroundColor = randomColor;
}

function getRandomColor() {
  var letters = "0123456789ABCDEF";
  var color = "#";
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

stopButton.addEventListener("click", stopColorCycle);
startColorCycle();