如何在鼠标悬停在工具提示上时延迟工具提示

<button title="这是一个按钮">按钮</button>

<button title="这是一个按钮" onmouseover="showTooltip(this)">按钮</button>

<script>
  var tooltipTimeout;

  function showTooltip(element) {
    // 设置延迟时间为1秒
    tooltipTimeout = setTimeout(function() {
      // 检查鼠标是否仍然悬停在元素上
      if (element.matches(':hover')) {
        // 显示工具提示
        var tooltip = document.createElement('div');
        tooltip.className = 'tooltip';
        tooltip.textContent = element.getAttribute('title');
        document.body.appendChild(tooltip);
      }
    }, 1000);
  }

  function hideTooltip() {
    // 取消显示工具提示
    clearTimeout(tooltipTimeout);
    var tooltip = document.querySelector('.tooltip');
    if (tooltip) {
      tooltip.parentNode.removeChild(tooltip);
    }
  }
</script>