为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

隔江千里 2019-03-04 16:24:49
如图,点击抢答,开始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");                }            }        });    })
查看完整描述

2 回答

?
有只小跳蛙

TA贡献1824条经验 获得超8个赞

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


查看完整回答
反对 回复 2019-03-06
?
皈依舞

TA贡献1851条经验 获得超3个赞

重新赋值啊胸弟~


查看完整回答
反对 回复 2019-03-06
  • 2 回答
  • 0 关注
  • 1227 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信