wex5验证码倒计时

流星雨0427

请问注册页获取验证码后倒计时60s怎么弄啊 ，写了一段代码但是提示错误
var wait=60;
            
        function time(o) {
        var btn=this.comp("yanzhengmabtn");  
        if (wait == 0) {  
            btn.set({
                                 "disabled" : true,
                                 "label" : "免费获取验证码"
                                     });
            wait = 60;  
        } else {  
           btn.set({
                                 "disabled" : true,
                                 "label" : wait + "秒后可重新获取'"
                                     });
           
            wait--;  
            setTimeout(function() {time(o)},1000)}  
    }  
  

    Model.prototype.yanzhengmabtnCK = function(){time(this);};

liangyongfei

1.如果重复执行一段代码！建议使用setinterval  实现！！
2.在 setinterval  或者 setTimeout  的回调函数中不能直接使用 this.comp 获取组件！
而应该是在外边定义一个变量  比如 var  me= this;  将model对象赋值给一个变量！
在回调中应该使用me.comp('')
获取组件 对象

流星雨0427

非常感谢 我尝试一下！

流星雨0427

liangyongfei 发表于 2017-4-10 10:23
1.如果重复执行一段代码！建议使用setinterval  实现！！
2.在 setinterval  或者 setTimeout  的回调函数 ...

按照您方法改了一下，可以运行了，但出现一个很奇怪的问题，就是第一次可以运行成功，但60s之后重新点击就按钮上面文字会有规律的跳动，再60s之后点击有没什么问题，但再次点击又会跳动，就是奇数次点击可以成功倒计时，偶数次点击就会跳动60s,js代码如下：
Model.prototype.yzmbtn = function(event)
        {
          var a=60;
          var me=this;
          function time()
          {
          var btn=me.comp("yzmbtn");
          if(a==0)
             {
              btn.set({
                   "disabled" :false,
                   "label" : "免费获取验证码"
                 })}
      else
          {
          btn.set({
                   "disabled" : true,
                   "label" : a + "秒后可重新获取"
                   });
                    a--;
                     
                  
          }
      }setInterval(time,1000);
            

        };

liangyongfei

流星雨0427 发表于 2017-4-15 00:28
按照您方法改了一下，可以运行了，但出现一个很奇怪的问题，就是第一次可以运行成功，但60s之后重新点击 ...

setInterval   是定时调用代码

clearInterval 停止调用 上网搜下用法把

xcl

流星雨0427 发表于 2017-4-15 00:28
按照您方法改了一下，可以运行了，但出现一个很奇怪的问题，就是第一次可以运行成功，但60s之后重新点击 ...

你好  我用的方法跟你一样，第二次点击获取验证码的时候就会跳动，你是怎么解决的 求指教

turbo

流星雨0427 发表于 2017-4-15 00:28
按照您方法改了一下，可以运行了，但出现一个很奇怪的问题，就是第一次可以运行成功，但60s之后重新点击 ...

哈喽，请问下这个跳动怎么解决哇

liangyongfei

xcl 发表于 2017-9-25 18:07
你好  我用的方法跟你一样，第二次点击获取验证码的时候就会跳动，你是怎么解决的 求指教 ...

能把案例发来吗？？本地重现看下效果！找下原因！

xcl

liangyongfei 发表于 2017-11-2 11:18
能把案例发来吗？？本地重现看下效果！找下原因！

现在已经可以了  谢谢老师

liangyongfei

xcl 发表于 2017-11-6 17:36
现在已经可以了  谢谢老师

欢迎分享一下！说明原因！咋回事。咋解决的？