Product manager often in the company, do some high-fidelity interactive, for example: "Carousel Figure countdown, the adsorption effect, pull down to refresh, and so on." Today I want to share in our daily APP, when the time to log on to QQ, micro letters page, the user if you forget your password, we can enter the phone number, then click the Get Code, to forget the login password. When the end of the 60s countdown, you can get verification codes continue to click to count down. Countdown start the countdown from 60 seconds. Well ado, I began to talk about interactivity verification code.
1. Set element: landing page (phone number, authentication code input box, login, authentication code send button);
2. Create a loop panel;
3. codes Button - Click - setup panel status Next, once every 1000 ms loop;
4. Send button codes - set the variable x;
The loop panel:
a) Set the text - x seconds remaining;
b) set the variable value x-1;
c) increasing with Example 1 (logic) value of the variable x> 0 continues to cycle;
d) increased with Example 2 (logic) value of the variable x = 0 is displayed codes;
6. Send code lock state, with increasing cases = text element may be a click operation when sending a verification code.