继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

支付宝小程序60秒倒计时插件

doliangzhe2
关注TA
已关注
手记 15
粉丝 3
获赞 49

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

5cd972bc000177b003680643.jpg


使用方法

1.引入插件countdown.js

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

2.在 onLoad 周期初始化

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


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

<button onTap='getSmsCaptcha' disabled='{{captchaDisabled}}'>{{captchaTxt}}</button>

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

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


完整代码下载:下载

详情: http://smsow.zhenzikj.com/doc/sdk.html


打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP