Wechat applet - realize the countdown of 60 seconds to obtain the mobile verification code (mobile number + verification code login function)

Preface

Most examples of obtaining verification code logic on the Internet , Too much code is not robust , This article will use the least code to achieve the same function .

When you click the get verification code button , Will automatically enter the countdown , At the same time, the button cannot be clicked ,

You can customize the countdown time , As shown in the figure below ：

This one is convenient for you to observe , Temporarily set to 10 second .

Sample code

Here is Effect drawing above Complete code for , It is recommended to use the one click Copy function of the platform .

You can find a clean page at will , Just run directly .

<view>
  <input value="{ 
     {code}}