60秒倒计时-CSDN博客

本文链接：https://blog.csdn.net/yangyanjava/article/details/84688750

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*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) {
                                },
                     });
              }
           }