js利用脚本修改网页按钮倒计时
要实现这个功能,需要使用定时器和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操作。
原文地址: https://www.cveoy.top/t/topic/5Ji 著作权归作者所有。请勿转载和采集!