微信小程序倒计时60S
<button class="code-b {{disabled?'code-h':''}}" disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">{{time}}</button>
var interval = null //倒计时函数 Page({ data: { time: '获取验证码', //倒计时 currentTime: 60 }, }) getCode: function (options) { let that = this; let currentTime = that.data.currentTime console.log(1) interval = setInterval(function () { currentTime--; that.setData({ time: `重新获取(${currentTime}s)` }) if (currentTime <= 0) { clearInterval(interval) that.setData({ time: '重新获取', currentTime: 60, disabled: false }) } }, 1000) }, getVerificationCode() { this.getCode(); let that = this that.setData({ disabled: true }) },
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步