如何用JavaScript多次改变按钮的颜色？

<button id="myButton">按钮</button>

var button = document.getElementById("myButton");

function changeColor() {
  var colors = ["red", "green", "blue"]; // 定义一组颜色
  var currentColor = button.style.backgroundColor; // 获取当前按钮的背景颜色
  var index = colors.indexOf(currentColor); // 获取当前颜色在颜色数组中的索引

  // 根据当前颜色的索引选择下一个颜色
  var nextColor = colors[(index + 1) % colors.length];

  button.style.backgroundColor = nextColor; // 设置按钮的背景颜色
}

button.addEventListener("click", changeColor);