点击开始倒计时,倒计时结束后,如何恢复初始状态,然后再次点击?

图片描述

如图,点击抢答,开始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");
                }
            }
        });
    })

阅读 5.1k
2 个回答

倒计时结束后,把timer重新赋值6就行了

重新赋值啊胸弟~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题