WeChat mini-app message sending countdown function, mini-app countdown Function

Countdown to sending text messages and countdown to mini apps

After clicking

Code

<Form bindsubmit = "formSubmit" bindreset = "formReset"> <view class = "fidpas"> <input type = "number" class = "fidpas_indium" placeholder-class = "lgin_place" placeholder = "Enter the mobile phone number" name = "phonenumber"/> <input type = "number" class = "fidpas_inp2" placeholder-class = "lgin_place" placeholder = "Enter the text message Verification Code "name =" msg "/> <button class =" {sendmsg} "bindtap =" sendmessg ">{{ getmsg }}</button> </view> <button class = "lgbut" formType = "submit"> next </button> </form> data: {sendmsg: "sendmsg", getmsg: "Get SMS verification code",},/*** get sms Verification Code */sendmessg: function (e) {if (timer = 1) {timer = 0 var that = this var time = 60 that. setData ({sendmsg: "sendmsgafter",}) var inter = setInterval (function () {that. setData ({getmsg: time + "s and resend",}) time -- if (time <0) {timer = 1 clearInterval (inter) that. setData ({sendmsg: "sendmsg", getmsg: "Get SMS verification code",}) }}, 1000 )}},

Train of Thought: Set the style and content after the BUTTON as a variable, and click setData to change it.

Summary

The above section describes the SMS countdown function of the mini-app. I hope it will help you. If you have any questions, please leave a message and I will reply to you in a timely manner. Thank you very much for your support for the help House website!