How to realize timer function in jQuery

This article mainly explains "how to achieve timer function in jQuery". The explanation in the article is simple and clear, easy to learn and understand. Please follow the editor's train of thought to study and learn "how to achieve timer function in jQuery".

In the process of writing the project, we encounter the business requirement of sending the verification code in 60 seconds at the front end, so we use the function of the timer:

SetInterval (function xxx () {/ / business logic}, how often is it executed)

60-second timing idea:

1. Set the number of seconds: 60s

2. Setting content: real-time change, seconds + content

3. After the end: remove the disable of the button and restore the content to its original state.

/ / timer 60 seconds function timeInterval () {$("# code_send_btn") .html ("re-obtain mailbox verification code after 60 seconds"); var timeSec = 59; var timeStr =''; var codeTime = setInterval (function Internal () {if (timeSec = = 0) {$("# code_send_btn"). Html ("get mailbox registration code"); $("# code_send_btn") .removeAttr ("disabled", "disabled") ClearInterval (codeTime); return;} timeStr = "(" + timeSec+ ") get mailbox registration code"; $("# code_send_btn") .html (timeStr); timeSec--;}, 1000) } Thank you for your reading, the above is the content of "how to achieve timer function in jQuery". After the study of this article, I believe you have a deeper understanding of how to achieve timer function in jQuery, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!