Shulou(Shulou.com)05/31 Report--

This article mainly explains the "jQuery how to send CAPTCHA control button disable function", the content of the article is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "jQuery how to send CAPTCHA control button disable function" bar!

Demand effect: after clicking to send CAPTCHA, the button disables it, and cancels it after 5 seconds.

The effect picture is as follows:

Click the send button to disable

Undisable it after 5 seconds and resend it

The code is as follows:

Document / / get element var $btn = $("input:button") / / add the click event of the button $btn.click (function () {/ / define a variable storage time number var n = 5 / / make the button disabled / / replace the text content of the button $(this) .prop ("disabled", true) .Val (n + "resend after s") / / change the countdown content every 1s / / subtract the time effect every 1s through the timer var timer = setInterval (() = > {nmurt- / / the text content has changed / / the this inside the timer points to window $(this) .val (n + "resend after s") / / determines that if the time is up to 0, the timer if (n) should be stopped.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.