微信小程序60秒倒计时插件

原创

用户4432598

修改于 2019-06-10 16:45:47

1.9K0

修改于 2019-06-10 16:45:47

文章被收录于专栏：移动开发分享

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

1.引入插件countdown.js

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

2.在 onLoad 周期初始化

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

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度