如何使背景不断闪烁或闪烁，直到再次按下按钮，然后它将闪烁或闪烁2个新的随机颜色

<button id="toggleButton">Toggle</button>
<div id="background"></div>

#toggleButton {
  padding: 10px 20px;
  background-color: #ccc;
  color: #fff;
  border: none;
  cursor: pointer;
}

#background {
  width: 100%;
  height: 100vh;
  background-color: #000;
}

// 获取按钮和背景元素
const toggleButton = document.getElementById('toggleButton');
const background = document.getElementById('background');

// 定义闪烁状态和颜色数组
let isBlinking = false;
const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];

// 点击按钮时切换闪烁状态
toggleButton.addEventListener('click', function() {
  if (isBlinking) {
    clearInterval(blinkInterval);
    isBlinking = false;
  } else {
    blinkInterval = setInterval(blinkBackground, 1000);
    isBlinking = true;
  }
});

// 定时改变背景颜色
function blinkBackground() {
  const randomColor1 = colors[Math.floor(Math.random() * colors.length)];
  const randomColor2 = colors[Math.floor(Math.random() * colors.length)];
  background.style.background = `linear-gradient(to right, ${randomColor1}, ${randomColor2})`;
}