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

 

发送短信

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