发送消息按钮计时器(获取验证码)

Posted cx709452428

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了发送消息按钮计时器(获取验证码)相关的知识,希望对你有一定的参考价值。

1.调用获取验证码方法

            createCodeEmail(){
                let vm=this;
                if(vm.timeOut>0){
                  return false;
                }
                vm.timeOut=99;
                if(!vm.name){
                  modal.error(‘请输入用户名获取验证码‘);
                  return false;
                }
                let url=‘/user/loginVerifyCode‘;
                let params={‘account‘:vm.name};
                $.ajaxSend(url,params).done(function(data) {
                  if (data.code===‘00000000‘) {
                      modal.success(‘验证码发送至邮箱‘+data.msg);
                      vm.codeKey=data.payload.results.codeKey;
                  }else {
                      modal.error(‘验证码发送至邮箱‘+data.msg+‘,请重试!‘);
                  }
                });
            },

2.定时器

        created(){
             let vm = this;
             setInterval(function(){
                 vm.timeOut--;
             },1000)
        },

3.html

<span class="btn time">请({{timeOut}})后再发送</span>

以上是关于发送消息按钮计时器(获取验证码)的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现手机发送验证码的倒计时代码

超实用的JavaScript代码段 Item4 --发送短信验证码

js实现发送验证码倒计时按钮

MAC AxureRP9登录获取验证码倒计时

js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证码

使用Jquery实现获取短信验证码60秒倒计时