如图,点击抢答,开始5秒倒计时,目前写好了点击一次开始和再次点击暂停,怎么实现倒计时结束后,恢复初始状态,继续点击抢答,开始新一轮倒计时?
我目前写的是倒计时结束后跳转到当前页面或者刷新,但是不想用这种方法。想到用disabled,但是这不是button和input,是自定义的一个圆,然后添加的点击事件。
附上代码,求解答。
$(function(){
var timer=6;
var count;
var i=false;
$(".round").on("click",function(){
i=!i;
if(i){
$(".round").css("box-shadow","0 0 100px black");
count=setInterval(run,1000);
}else{
clearInterval(count);
};
function run(){
timer--;
if(timer<=0){
clearInterval(count);
setTimeout(function(){
window.location.href="ask.html";
window.event.returnValue=false;
},1000);
}else{
$(".num").html(timer);
$(".num").css("font-size","1rem");
}
}
});
})
倒计时结束后,把timer重新赋值6就行了