如何在按钮上加载等待计时器？

在按钮上加载等待计时器可以通过以下步骤实现：

首先，在按钮被点击时，禁用按钮，以防止用户重复点击。可以使用JavaScript的disabled属性来实现，例如：button.disabled = true;。
接下来，创建一个计时器，用于模拟等待的时间。可以使用JavaScript的setTimeout函数来实现，例如：setTimeout(function(){}, 2000);，其中2000表示等待的时间，单位为毫秒。
在计时器的回调函数中，重新启用按钮，以便用户可以再次点击。可以使用JavaScript的disabled属性来实现，例如：button.disabled = false;。

以下是一个完整的示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>按钮加载等待计时器示例</title>
  <style>
    .loading {
      display: inline-block;
      position: relative;
      width: 24px;
      height: 24px;
      border: 4px solid #f3f3f3;
      border-top: 4px solid #3498db;
      border-radius: 50%;
      animation: spin 2s linear infinite;
    }
    
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
  </style>
</head>
<body>
  <button id="myButton" onclick="startLoading()">点击加载</button>

  <script>
    function startLoading() {
      var button = document.getElementById('myButton');
      button.disabled = true; // 禁用按钮

      var loadingIcon = document.createElement('div');
      loadingIcon.className = 'loading';
      button.appendChild(loadingIcon); // 添加加载动画

      setTimeout(function() {
        button.removeChild(loadingIcon); // 移除加载动画
        button.disabled = false; // 启用按钮
      }, 2000); // 等待2秒
    }
  </script>
</body>
</html>

在上述示例中，点击按钮后，按钮会被禁用，并显示一个加载动画。经过2秒的等待后，加载动画会被移除，按钮重新启用，用户可以再次点击。这样就实现了在按钮上加载等待计时器的效果。

推荐的腾讯云相关产品：腾讯云函数（云原生无服务器计算服务），详情请参考腾讯云函数产品介绍。