微信小程序发送验证码倒计时

微信小程序发送验证码倒计时

1. 注意disabled属性是表单属性，在view，text中不生效
<button type="size" bindtap="sendCode" disabled="{{smsFlag}}" class="btnCode" style="color:{{sendColor}}">{{sendTime}}</button>

2. js部分
  data {
        sendTime: '获取验证码',
        snsMsgWait: 60,
        smsFlag:false, //60秒后才能再次点击获取
        }
     在你发送验证码得接口中写方法
     var inter = setInterval(function () {
                _this.setData({
                    smsFlag: true,
                    sendColor: '#ccc',
                    sendTime: _this.data.snsMsgWait + 's后重发',
                    snsMsgWait: _this.data.snsMsgWait - 1   //定义新的变量
                });
                if (_this.data.snsMsgWait < = 0) {
                    clearInterval(inter)
                    _this.setData({
                        sendTime: '获取验证码',
                        snsMsgWait: 60,
                        smsFlag: false,
                        sendColor:'#0077eb'
                    });
                }
            }.bind(_this), 1000);