html页面点击按钮，按钮在60秒内不能再按，并且倒计时显示在按钮上

您可以通过JavaScript代码实现这个功能。具体步骤如下：

1. 在HTML中添加一个按钮和显示倒计时的元素。

<button id="myButton">点击我</button>
<div id="countdown"></div>

2. 在JavaScript中获取按钮和倒计时的元素，并设置初始状态。

var btn = document.getElementById("myButton");
var countdown = document.getElementById("countdown");
var seconds = 60;

btn.disabled = false; // 按钮初始状态为可点击
countdown.innerHTML = ""; // 倒计时初始状态为空

3. 给按钮添加点击事件，点击后按钮状态变为不可点击，倒计时开始。

btn.addEventListener("click", function() {
  btn.disabled = true; // 按钮状态变为不可点击
  countdown.innerHTML = "倒计时：" + seconds + "秒"; // 显示倒计时
  var countdownTimer = setInterval(function() {
    seconds--;
    countdown.innerHTML = "倒计时：" + seconds + "秒"; // 更新倒计时
    if (seconds === 0) {
      clearInterval(countdownTimer); // 清除计时器
      btn.disabled = false; // 按钮状态变为可点击
      countdown.innerHTML = ""; // 倒计时结束，清空显示
      seconds = 60; // 重置倒计时时间
    }
  }, 1000);
});

这样，当用户点击按钮后，按钮将在60秒内不能再次点击，同时倒计时也会在按钮上显示。60秒结束后，按钮恢复可点击状态，倒计时也会消失。