JavaScript网页按钮倒计时实现方法

使用JavaScript实现网页按钮倒计时功能，需要使用定时器和DOM操作。以下是一个简单的示例代码：

HTML代码：

<button id='countdown-btn' onclick='startCountdown()'>开始倒计时</button>

JavaScript代码：

var countdown = 10; // 倒计时的秒数
var timer; // 定时器对象

function startCountdown() {
  var btn = document.getElementById('countdown-btn');
  btn.disabled = true; // 禁用按钮
  timer = setInterval(function() {
    countdown--;
    if (countdown <= 0) {
      clearInterval(timer);
      btn.innerHTML = '倒计时结束';
      btn.disabled = false; // 启用按钮
    } else {
      btn.innerHTML = countdown + '秒后结束';
    }
  }, 1000); // 每秒更新一次倒计时
}

这段代码将在按钮被点击时启动一个定时器，每秒更新一次倒计时，直到倒计时结束。在更新按钮的文本和禁用/启用按钮的状态时，使用了DOM操作。