JS implements the countdown Effect Based on recursion. This article describes how JS implements the countdown Effect Based on recursion. We will share this with you for your reference. The details are as follows:
Event:
// Send the verification code $ ('. js-sms-Code '). click (function () {$ (this ). attr ("disabled", "disabled" ).html ("Try again after 60 s"); countdown (); var tel = $ ('# tel '). val (); $. ajax ({url: "{sh: U ('home/sendsmscode')}", type: 'post', dataType: "json", data: {tel: tel}, success: function () {}, error: function () {response ('.js-help-info'}.html ("request failed ");}});})
Comment: The countdown method here is a wonderful place.
Check the Code:
Function countdown () {// recursive setTimeout (function () {var time = $ ("# countdown "). text (); if (time = 1) {$ ('. js-sms-Code '). removeAttr ("disabled"); Certificate ('.js-sms-code'verification .html ("Send verification code");} else {$ ("# countdown "). text (time-1); countdown () ;}, 1000 );}
Comments: if the time is not equal to 1, the call will continue, and the time minus one second. SetTimeout is also the essence. Until the time is reduced to 1, remove the disabled and change the content to 'send CAPTCHA '.