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

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);

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