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

前端之家收集整理的这篇文章主要介绍了AJAX短信验证码接口,setInterval,clearInterval倒计时显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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;

}

});

},

原文链接:https://www.f2er.com/ajax/161614.html

猜你在找的Ajax相关文章