js获取短信验证码按钮倒计时代码

本文主要和大家分享js获取短信验证码按钮倒计时代码，希望能帮助到大家。

  (function(){        // 快速咨询        $('#getCode').click(function() {            var mobile = $('#mobile').val();//手机号码的值            var _this = $(this);            var mobileReg = /^1[3|4|5|7|8]d{9}$/; //手机号正则            var phoneflag = mobileReg.test(mobile);            if (!phoneflag) {                alert('手机号码格式不正确！');            } else {                //User/getCode.html这个是后台接口                $.post("/User/getCode.html", {                    mobile: mobile                }, function(data) {                    _this.attr("disabled", "disabled");                        _this.css({background:"#eee"});//设置不可点颜色                    var val = parseInt(_this.val());                    var time = 60;                    _this.val(time + " S");                    time--;                    var timer = setInterval(function() {                        val = time + " S";                        _this.val(val);                        if (time > 0) {                            time--;                        } else {                            //原始颜色                            _this.val("获取验证码").removeAttr("disabled").css({background:"#66CCFF"});;                            clearInterval(timer);                        }                    }, 1000);                });            }        });    })();

登录后复制

效果图：

相关推荐：

js实现短信验证码倒计时实例分享

怎么用php实现短信验证码发送

JS实现短信验证码

以上就是js获取短信验证码按钮倒计时代码的详细内容，更多请关注【创想鸟】其它相关文章！