WeChat mini-program implements the verification code to get the countdown effect, mini-Program Verification Code

The mini-program implements the verification code to get the countdown effect, and the mini-Program Verification Code

The example in this article shares with you the code for implementing the countdown effect of the verification code of the applet for your reference. The specific content is as follows:

Wxml

<Button disabled = '{disabled}' data-id = "2" bindtap = "getVerificationCode" >{{ time }}</button>

Js

Var interval = null // countdown function Page ({data: {date: 'Please select date', fun_id: 2, time: 'Get Verification Code ', // countdown currentTime: 61}, getCode: function (options) {var that = this; var currentTime = that. data. currentTime interval = setInterval (function () {currentTime --; that. setData ({time: currentTime + 'second'}) if (currentTime <= 0) {clearInterval (interval) that. setData ({time: 'resending ', currentTime: 61, disabled: false}) }}, 100)}, getVerificationCode () {this. getCode (); var that = this that. setData ({disabled: true })},})

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.