发送短信按钮倒计时-阿里云开发者社区

发送短信按钮倒计时

2016-05-11 2015

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

1,定时器执行的函数

   Js代码  
    
  
var SMSbtnTiming = function () {  
                    if (secondCount === 0) {  
                        $self.addClass('enabled').removeClass('disabled');  
                        $self.val('重新发送');  
                        $self.removeAttr('disabled');  
                        if (intervalHook) {  
                            clearInterval(intervalHook);  
                            intervalHook = null;  
                        }  
  
                    } else {  
                        $self.val('重新发送(' + secondCount + 's)');  
                        secondCount--;  
                    }  
  
                };  

2,发送请求,并且操作成功后才执行倒计时

   Js代码  
    
  
$.ajax({  
                    url: changeBindServer + action,  
                    type: 'GET',  
                    dataType: 'jsonp',  
                    data: {mobile: mobile},  
                    success: function (data) {  
                        if (data.result) {  
                            $spanHint.removeClass(CodeErrorMsg_class);  
                            $spanHint.show();  
                            $spanHint.text('发送成功');  
                            $self.addClass('disabled').removeClass('enabled');  
                            $self.val('重新发送(60s)');  
                            $self[0].disabled = 'disabled';//禁止按钮的点击默认动作  
                            //$ChanjetNewCodeInput[0].disabled = "disabled";  
                            intervalHook = setInterval(SMSbtnTiming, 1000);  
                            enAbleNextBtn($inputTF);  
                            $inputTF.removeAttr('disabled');  
                            $inputTF.focus();  
                        } else {  
                            console.log(data);  
                            var date = new Date();  
                            console.log(date);  
                            if (data.errorMessage.indexOf('绑定') != -1) {  
                                setOldMobileMsg($oldMobileError, data.errorMessage);  
                            } else {  
                                $spanHint.text(data.errorMessage);//数量超出限制  
                                $spanHint.addClass(CodeErrorMsg_class);  
                                $spanHint.show();  
                            }  
  
                            //setTimeout(restoreSpanHit, 4000);  
                        }  
                        setTimeout(restoreSpanHit, 5000);  
                    }  
                });  

3,定时器方法中的this指什么?

js代码:

   Js代码  
    
  
var timing2= function () {  
            console.log(this);  
            console.log('timing');  
            clearInterval(a);  
        };  
        a=setInterval(timing2, 2000);  

运行结果:

代码改为:

   Js代码  
    
  
var obj={  
            time2: function () {  
                var timing2= function () {  
                    console.log(this);  
                    console.log('timing');  
                    clearInterval(a);  
                };  
                a=setInterval(timing2, 2000);  
            }  
        };  
        obj.time2();  

结果也一样

解决方法:

抽取出来一个方法:

   Js代码  
    
  
SMSbtnTimingCommon: function (me) {//定时器的方法  
        //me._data=me._data||{};  
        //console.log(me);  
        var $self = $('#getAuthCodeBtn');  
        if (me._data.bind.secondCount === 0) {  
            var intervalHookTmp = me._data.bind.intervalHook;  
            if (intervalHookTmp) {  
                console.log('me._data.intervalHook:' + intervalHookTmp);  
                clearInterval(intervalHookTmp);  
                console.log('me._data.intervalHook:' + intervalHookTmp);  
                console.log('stop timing');  
                me._data.bind.intervalHook = null;  
            }  
            $self.html('获取验证码');  
            sendCodeBtn.enable($self);  
        } else {  
            //console.log(me._data.secondCount);  
            $self.html('重新获取(' + me._data.bind.secondCount + ')');  
            me._data.bind.secondCount = me._data.bind.secondCount - 1;  
        }  
  
    }  

调用:

   Js代码  
    
  
var SMSbtnTiming= function () {  
            me.SMSbtnTimingCommon(me);  
        };  

发送短信按钮倒计时

热门文章

最新文章

相关电子书