AJAX短信验证码接口,setInterval,clearInterval倒计时显示

发布时间:2020-07-11 09:52:45 作者:pmlinjian
来源:网络 阅读:747

intervalId : '',

count :120,

sendSmsCode:function(){

var _thi = this;

if(_thi.smscodeSending){

return;

}else if(!$("#mobilePhone").validator().validator('check')){

return;

}

_thi.smscodeSending = true;

var data = new Object();

data.mobile = $('#mobilePhone').val();

//data.name = $('#name').val();

data.productCode = $('#productCode').val();

$.ajax({

url:window.gSysName+"/do/largess/smsvcode/send",

type:'GET',

data:data,

dataType:'json',

success :function(msg){

if(msg.resultCode=='0'){

$('#countSpan').text('(120秒)');

_thi.count = 119;

$('#randTxt').text('再次获取动态码');

_thi.intervalId = window.setInterval(function(){

if(_thi.count>0){

$('#countSpan').text('('+_thi.count+'秒)');

_thi.count--;

}else{

window.clearInterval(_thi.intervalId);

_thi.smscodeSending = false;

$('#countSpan').text('')

$('#randTxt').text('获取动态码');

}

},1000);

$('#randTip').fadeIn();

window.setTimeout(function(){

$('#randTip').fadeOut();

},6000);

}

},error: function(){

_thi.smscodeSending = false;

}

});

},


推荐阅读:
  1. 【源码分享】php怎样接入短信验证码,对接短信验证码接口
  2. 如何使用setInterval方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

验证码 ajax 短信

上一篇:联合主键和复合主键有什么区别

下一篇:MySQL——全量、增量备份与恢复(理论+实操)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》