为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特意开发了60秒倒计时插件,效果:html
1.引入插件countdown.js小程序
var CountDown = require('../../utils/countdown.js');
复制代码
2.在 onLoad 周期初始化
微信小程序
onLoad: function () {
this.countdown = new CountDown(this);
}复制代码
3. 3.在获取验证码的按钮上增长captchaDisabled、captchaTxt 分别用于控制倒计时过程当中是否能够点击、倒计时秒数提示bash
<button class='codeBtn' bindtap='getSmsCaptcha' disabled='{{captchaDisabled}}'>{{captchaTxt}}</button>
复制代码
4. 调用start方法触发倒计时微信
getSmsCaptcha(e) {
this.countdown.start();
}复制代码
完整代码下载:下载ui
详情参考: smsow.zhenzikj.com/bbs/questio…this