Question

js做倒计时，每点击一次就会重新一次的倒计时，disabled的属性设置不起作用，求大神帮我找找问题

这是我的代码
<p class="register_yan" id="btn" >获取验证码</p>
$("#btn").click(function(){
var wait=30;

time($("#btn"));
function time(o) {

if (wait == 0) {
o.removeAttr("disabled");
o.html("获取验证码");
wait = 30;
} else {
o.attr("disabled",true);
o.html("重新发送(" + wait + ")");
wait--;
setTimeout(function() {
time(o)
},1000)

}
}

})

Answer 1

<p class="register_yan" id="btn">获取验证码</p>
<script>
    var wait = 30;
    var timer = null;

    function time(o) {
        if (wait == 0) {
            clearTimeout(timer);
            timer = null;
            wait = 30;
            o.text("获取验证码");
        } else {
            o.text("重新发送(" + (wait--) + ")");
            timer = setTimeout(function() {
                time(o);
            }, 1000);
        }
    }
    $(function() {
        $("#btn").click(function() {
            if (timer) {
                return;
            }
            time($(this));
        });
    });
</script>

Answer 2

disabled 只能给 input 标签设置，你给个 p 标签设置了这属性能有啥用？