1.定义一个全局变量来储存剩余时间。
2.使用setInterval()函数创建一个定时器。
3.在定时器中,将剩余时间减一并将其显示在页面上。
4.如果剩余时间为0,则清除定时器并执行停止/重新启动操作。
代码示例:
HTML部分:
JavaScript部分:
let countdown = 10; //设定开始倒计时的时间
function startCountdown() { let timer = setInterval(function() { countdown--; document.getElementById('countdown').innerHTML = "剩余时间:"+countdown+"秒";
if(countdown === 0) {
clearInterval(timer);
//执行停止/重新启动操作
}
}, 1000); }
function stopCountdown() { clearInterval(timer); countdown = 10; //重置倒计时时间 document.getElementById('countdown').innerHTML = "剩余时间:"+countdown+"秒"; }
注:上述示例中,停止/重新启动操作并未给出,需要根据实际需求自行添加。