60秒倒计时

最新推荐文章于 2022-06-30 20:54:54 发布

原创最新推荐文章于 2022-06-30 20:54:54 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json

前端专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一个简单的JavaScript实现，用于控制按钮在60秒内的倒计时功能，并在此期间禁用按钮，防止用户重复点击发送验证码。同时通过Ajax调用后台接口来发送带有邮箱参数的验证码。

/*60秒倒计时*/
   var   time1=60;
            function countDown(obj){
                var time;
                    time=--time1;
                    if(time<=0){
                        time1=60;
                       $(obj).attr("disabled",false);
                        clearInterval(inter1)
                       $(obj).text("点击发送")
                        return
                    }
            $(obj).text(time+"秒后重新发送")
            }

       /*发送验证码*/
           function valiCodeSend(obj){
            //没有被禁用时禁用并执行倒计时
            if(!$(obj).disabled){
               /*60秒倒计时*/
                $(obj).attr("disabled","disabled");
                 inter1=setInterval(function(){countDown($(obj))},1000);
                var email=$("#account").val();

                  /*邮箱发送验证码*/
                   $.ajax({
                      //一个Ajax过程
                               type: "get",
                               contentType: "application/json; charset=utf-8",
                               url : "<%=path%>/admin/admin/valiEmail",
                               dataType:'json',
                               data: {
                                   "email":email
                               },
                               success: function (data) {
                                },
                     });
              }
           }