為了幫助開發者更便捷的使用支付寶小程序的短信驗證碼功能，特別是初學者更好的使用，榛子云短信特地開發了60秒倒計時插件，效果:

?

使用方法

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/bbs/question/detail/74.html

總結

以上是生活随笔為你收集整理的支付宝小程序60秒倒计时插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。