如何防止多次点击按钮？

<button onclick="this.disabled=true;">点击按钮</button>

<script>
  var canClick = true;
  function handleClick() {
    if (canClick) {
      canClick = false;
      // 执行按钮点击后的操作
      setTimeout(function() {
        canClick = true;
      }, 1000); // 设置点击间隔为1秒
    }
  }
</script>
<button onclick="handleClick()">点击按钮</button>

<script src="https://cdn.jsdelivr.net/lodash/4.17.15/lodash.min.js"></script>
<script>
  var debounceClick = _.debounce(handleClick, 1000); // 设置防抖间隔为1秒
  var throttleClick = _.throttle(handleClick, 1000); // 设置节流间隔为1秒
</script>
<button onclick="debounceClick()">防抖点击</button>
<button onclick="throttleClick()">节流点击</button>