微信小程序---发送短信验证码时间限制次数

1.wxml页面

<view class="container">
  <view class="title">登录</view>
  <form catchsubmit="login">
    <view class="inputView">
      <input class="inputText" placeholder="请输入手机号" name="phone" bindinput="phone" />
    </view>
    <view class="inputView">
      <input class="inputText" placeholder="请输入验证码" name="code" />
      <button class="line"  size="mini" bindtap="sendcode">{{text}}</button>
    </view>
    <view class="loginBtnView">
      <button class="loginBtn" type="primary" formType="submit">登录</button>
    </view>
  </form>
</view>

2.js页面初始数据

  data: {
        text:'发送验证码',
        disabled: false,
        button:true
    },

3.js页面加载时间

  let that = this;
        let phone = this.data.phone;
        let time = 30;
        setInterval(function(){
          time--;
          if(time > 0){
            that.setData({
              text:time,
              button:true
            })
          }else{
            that.setData({
              text:'发送验证码',
              button:false
            })
          }
        },1000);

 注：这是功能只是在前端进行了时间限制，如果刷新之后，还是会把时间刷新掉，这里给的建议就是在后端也加入，频次限制。