Countdown – countdown from 10 to 0, clicking the button will restore the countdown
<body>
<!-- WilltextvalueSet the value to10，from10reciprocal -->
<input type="text" value="10" >
<input type="button" value="restart" >
</body>
<script>
var oT = ("txt");
var oB = ("btn");
var timer;
//Encapsulate a function that starts countdown function start(){
//Open the timer, and the value in the text box is reduced by 1 per second timer = setInterval(function(){
--;
//Stop the timer when the value in the text box is 0 if(<=0){
clearInterval(timer);
}
},1000)
}
//Encapsulate a function that clears the delay function stop(){
clearTimeout(timer);
}
//The behavior when the web page is loaded is as follows = function(){
//As long as the value in the text has not reached 0, it continues to be reduced by one per second if(>0){
start();
//Once cleared, stop }else{
stop();
}
}
//Behavior when clicking a button = function(){
// Set a clear timer here, otherwise the recount after interrupting the text countdown will accelerate, and may even decrease to a negative value clearInterval(timer);
//After clicking the button, no matter how much the value in the text is, it will become 10 = 10;
//Repeat the behavior of the above function if(>0){
start();
}else{
stop();
}
}
</script>
Knowledge point expansion:
var arr=['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
//Generate 4-digit verification code for(var i=0;i<4;i++){
pos=parseInt(()*(-1));
+=arr[pos];
}
// Verify that the verification code entered by the user is correct = function () {
if(!=){
alert("Verification code input error");
}
}
function randomStr(){
// Generate library var str = "";
var str1 = "";
for (var i = 0; i < 4; i++) {
var a = random(0, 9);
var b = (random(65, 90));
var c = (random(97, 122));
str1 = str1 + a + b + c;
}
// Start the real randomness for (var i = 0; i < 4; i++) {
str += str1[random(0, - 1)]
}
return str;
}
= randomStr();
= function () {
if ( != ) {
alert("Verification code input error");
}
}
function random(max, min) {
return (() * (max - min) + min);
}
Summarize
The above is the "resend verification text message after 59 seconds" function introduced by the editor to you. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support for my website!
If you think this article is helpful to you, please reprint it. Please indicate the source, thank you!