获取验证码倒计时前端效果

在我们开发过程中，很多登录或者注册，都会有获取手机验证码的功能，但是这个功能要有倒计时，60秒一轮回

直接上代码吧，很简单的 jq

function code(obj) {
    obj = obj || $("input[type=button]");
    var num = 60;
    var timer = setInterval(function () {
        if (num > 1) {
            num--;
            obj.val("重新发送(" + num + ")").attr("disabled", "disabled");
            obj.css('background', '#B8B8B8');
        } else {
            obj.val("获取验证码").removeAttr("disabled");
            obj.css('background', '#435E97');
            clearInterval(timer);
        }
    }, 1000)
};

效果图如下
![S]P(VG3@A({25AYI5$E0Y4Y.png](https://upload-images.jianshu.io/upload_images/19228194-764076233a0409d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)