js obtient le code de compte à rebours du bouton de code de vérification SMS

Cet article partage principalement avec vous le code de compte à rebours js pour obtenir le bouton du code de vérification SMS. J'espère qu'il pourra aider tout le monde.

  (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);
                });
            }

        });
    })();

Rendu :

Recommandations associées :

implémentation js du partage d'exemple de compte à rebours du code de vérification SMS

Comment utiliser php pour envoyer un code de vérification par SMS

JS pour implémenter le code de vérification par SMS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!