验证码倒计时代码

代码描述：在注册表单时经常要用验证码 做了一个定时器的倒计时。点击按钮是 按钮禁用 开启倒计时 倒计时结束后解开按钮禁用 适用于手机和pc。

验证码倒计时图片预览

验证码倒计时浏览器适配

• 支持Chrome所有版本
• 支持Firefox所有版本
• 支持Safari所有版本
• 支持IE及以上版本
  

部分代码

(function(window, undefined) {
    var $win = $(window),
        $doc = $(document),
        Fn = function() {},
        init = {};

    /**************************** BEGIN ****************************/

    /**
     * 填写报名
     * @method init.makeout
     * @since 1.0
     * @return {none}
     */
    init.makeout = function() {
        $doc.on('click', '.J_code', function() { // 获取验证码
            var $this = $(this),
                _this = this,
                i = 60;
            _this.disabled = 'disabled';
            clearInterval(repeat);
            var repeat = setInterval(function() {
                i--;
                if (i == 0) {
                    _this.disabled = false;
                    $this.removeClass('gray').val('获取');
                    clearInterval(repeat);
                } else {
                    $this.addClass('gray').val(i);
                }
            }, 1000);
        });
    }

    /**************************** END ****************************/

    $.each(init, function() {
        typeof this === 'function' && this();
    });
})(window);