前端发送短信和短信息验证倒计时

最新推荐文章于 2024-02-07 16:25:20 发布

wangc_gogo

最新推荐文章于 2024-02-07 16:25:20 发布

阅读量444

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/wangc_gogo/article/details/90633322

js 专栏收录该内容

52 篇文章

订阅专栏

博客围绕短信发送倒计时展开，虽未给出具体内容，但可推测是关于实现短信或短信息发送时倒计时功能的相关探讨，可能涉及技术实现、代码逻辑等信息技术方面内容。

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

发送短信

sendMessageValidateCode(phone, 4,function () {
    var telNo = phone.substr(0, 3) + '****' + phone.substr(7);
    $('#checkPhone').html('短信已发送至'+telNo+'，请注意查看');
    $("#checkPhone").show();
    return false;
}

调用处

function sendMessageValidateCode(phoneNo, validateType, callback) {
 $.ajax({
    url: "/message/sendMessageValidateCode",
    data: "phoneNo=" +phoneNo + "&validateType=" + validateType,
    type: "POST",
    success: function(data) {
       if (data && data.result == "success") {
          console.log("Send message finish ... ");
       } else {
          console.log("Send message failed ... ");
       }
       if (callback) {
          callback();
       }
    }
 });
}



60秒倒计时
$(".get_yzm").on("click",function(){
    var time = 60;
    var _this = this;
    var dom = $(".tel");
    if(dom.attr('sumit')==0||dom.attr('sumit') == undefined){
        return
    }
    $(this).attr("readonly",true);
    $(this).hide();
    $(this).html("重新获取");
    $('.times').show();
    $('.times').html('获取短信验证码<br>（<span>'+time+'s</span>）倒计时');
    var ater = setInterval(function(){
        $('.times').html('获取短信验证码<br>（<span>'+(--time)+'s</span>）倒计时');
        if(time==0){
            $(_this).show();
            $('.times').hide();
            clearInterval(ater);
        }
    },1000);
})