We often online shopping, in order to verify the customer's body before payment, sometimes need to get the phone to send the verification code, when the click to get the Verification code button will appear in the countdown, as shown in the following figure
Implementation method:
<script src= "./js/jquery-1.8.3.min.js" ></script>
<input type= "button" id= "btn" value= "Free access to authentication code"/>
<script type= "Text/javascript" >
var wait=60;
function Time (o) {
if (wait = = 0) {
O.removeattribute ("Disabled");
O.value= "Free access to verification code";
wait = 60;
} else {
O.setattribute ("Disabled", true);
O.value= "Resend (" + Wait + ")";
wait--;
settimeout (function () {
Time (O)
},
1000)
}
}
document.getElementById ("Btn"). Onclick=function () {time (this);}
</script>
Note: The parameter var wait=60, for the wait time of 60 seconds, can be set according to their actual situation. When the verification code is not obtained within the wait time, you can click to retrieve it again