const box = document.querySelector("#box");
const btnCancelar = document.querySelector("#btn");
const alternaCor = (cor1, cor2) => {
  if (box.style.backgroundColor != cor1) {
    box.style.backgroundColor = cor1;
  } else {
    box.style.backgroundColor = cor2;
  }
};
const intervalID = setInterval(alternaCor, 1500, "green", "red");
btnCancelar.addEventListener("click", () => clearInterval(intervalID));

<div id="box">BOX</div>
<button type="button" id="btn">Cancelar alterna cor</button>

Cancelar alterna cor

Após clicar o botão recarregue a página para nova interação.