要让一个按钮重置一个倒计时器,可以通过以下步骤实现:
下面是一个示例代码:
HTML部分:
<button id="resetButton">重置倒计时</button>
<div id="countdown"></div>
JavaScript部分:
// 初始化倒计时时间
var countdownTime = 60;
// 更新倒计时器显示
function updateCountdown() {
var countdownElement = document.getElementById("countdown");
countdownElement.innerHTML = countdownTime + " 秒";
}
// 按钮点击事件监听器
document.getElementById("resetButton").addEventListener("click", function() {
// 重置倒计时时间
countdownTime = 60;
});
// 倒计时逻辑
setInterval(function() {
if (countdownTime > 0) {
countdownTime--;
updateCountdown();
}
}, 1000);
这样,当点击按钮时,倒计时器的时间会被重置为初始值,然后重新开始倒计时。同时,页面上会实时显示倒计时的时间。
领取专属 10元无门槛券
手把手带您无忧上云