jquery实现button倒计时

    var countdown = 60;
    var opr = 0;//判断标识
    function settime(val) {
        if (opr == 0) {
//验证手机号码
            var isPhone = /^[1][3456789][0-9]{9}$/;
            var telephone = $("#TelPhone").val();
            if (!isPhone.test(telephone)) {
                alert("请填写正确的手机号！");
                return false;
            }
　　　　　　　　//通过ajax发送短信
        }
        if (countdown == 0) {
            opr = 0;
            val.removeAttribute("disabled");
            val.value = "免费获取验证码";
            countdown = 60;//重新计时
        } else {
            opr = 1;
            val.setAttribute("disabled", true);
            val.value = "重新发送(" + countdown + ")";
            countdown--;
            setTimeout(function () {
                settime(val);
            }, 1000);//每隔1000ms调用一次
        }

    }

通过递归来实现倒计时的功能

<input type="button" id="SendCode" class="input-text f-left w30" value="发送验证码" onclick="settime(this)" />

 

转载于:https://www.cnblogs.com/tearfc/p/5407033.html