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

最新推荐文章于 2022-08-11 17:43:20 发布

#麻辣小龙虾#

最新推荐文章于 2022-08-11 17:43:20 发布

阅读量593

点赞数

分类专栏： web前端 javascript jquery

本文链接：https://blog.csdn.net/CodingNoob/article/details/79555902

版权

web前端同时被 3 个专栏收录

99 篇文章 2 订阅

订阅专栏

javascript

90 篇文章 1 订阅

订阅专栏

jquery

4 篇文章 0 订阅

订阅专栏

这里写图片描述

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

        });
    })();