Heim >Web-Frontend >js-Tutorial >js erhält den Countdown-Code für die Schaltfläche „SMS-Bestätigungscode'.

js erhält den Countdown-Code für die Schaltfläche „SMS-Bestätigungscode'.

小云云
小云云Original
2018-03-15 16:13:423406Durchsuche

Dieser Artikel teilt Ihnen hauptsächlich den js-Countdown-Code zum Abrufen der SMS-Bestätigungscode-Schaltfläche mit. Ich hoffe, er kann allen helfen.

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

        });
    })();

Rendering:

js erhält den Countdown-Code für die Schaltfläche „SMS-Bestätigungscode.

Verwandte Empfehlungen:

js-Implementierung der SMS-Bestätigungscode-Countdown-Beispielfreigabe

So verwenden Sie PHP zum Senden eines SMS-Bestätigungscodes

JS zum Implementieren eines SMS-Bestätigungscodes

Das obige ist der detaillierte Inhalt vonjs erhält den Countdown-Code für die Schaltfläche „SMS-Bestätigungscode'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn