码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-12-06 23:28:14      阅读:521      评论:0      收藏:0      [点我收藏+]

标签: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;

}

});

},


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

标签:ajax短信验证码接口   setinterval   clearinterval   

原文地址:http://iicoo.blog.51cto.com/10739372/1880029

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!