如何在单击时停止函数的执行

let stopExecution = false;

function myFunction() {
  // 函数执行的代码
  while (!stopExecution) {
    // 循环执行的代码
  }
}

document.getElementById("myButton").addEventListener("click", function() {
  stopExecution = true;
});

let timeoutId;

function myFunction() {
  // 函数执行的代码
  timeoutId = setTimeout(function() {
    // 延迟执行的代码
  }, 0);
}

document.getElementById("myButton").addEventListener("click", function() {
  clearTimeout(timeoutId);
});

let stopExecution = false;

function myFunction() {
  // 函数执行的代码
  return new Promise(function(resolve, reject) {
    if (!stopExecution) {
      resolve();
    } else {
      reject();
    }
  });
}

document.getElementById("myButton").addEventListener("click", function() {
  stopExecution = true;
});