javascript如何防止重复鼠标悬停功能？

var timerId;

function handleMouseHover() {
  if (timerId) {
    clearTimeout(timerId);
    timerId = null;
  }

  timerId = setTimeout(function() {
    // 执行鼠标悬停时需要执行的操作
    console.log("Mouse hover action");
  }, 500); // 设置计时器的延迟时间，单位为毫秒
}

function handleMouseLeave() {
  if (timerId) {
    clearTimeout(timerId);
    timerId = null;
  }
}

// 在HTML元素上添加事件监听器
var element = document.getElementById("myElement");
element.addEventListener("mouseenter", handleMouseHover);
element.addEventListener("mouseleave", handleMouseLeave);