榛子云短信-微信小程序60秒倒计时插件

为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特地开发了60秒倒计时插件,效果:

 

榛子云短信-微信小程序60秒倒计时插件

 

 

使用方法

1.引入插件countdown.js

var CountDown = require('../../utils/countdown.js');

 

2.在 onl oad 周期初始化

onLoad: function () {
   this.countdown = new CountDown(this);
}

 

3. 3.在获取验证码的按钮上增加captchaDisabled、captchaTxt 分别用于控制倒计时过程中是否可以点击、倒计时秒数提示

<button class='codeBtn' bindtap='getSmsCaptcha' disabled='{{captchaDisabled}}'>{{captchaTxt}}</button>

4. 调用start方法触发倒计时

getSmsCaptcha(e) {
   this.countdown.start();
}

完整代码下载:下载

详情参考: http://smsow.zhenzikj.com/bbs/question/detail/73.html

上一篇:[已解决] java.net.ConnectException: Connection refused: no further information


下一篇:PHP / Javascript倒计时脚本