要实现这个功能,需要使用定时器和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操作。

js利用脚本修改网页按钮倒计时

原文地址: https://www.cveoy.top/t/topic/5Ji 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录