JQuery实现倒计时按钮的实现代码

复制代码代码如下: <head> <title>test count down button</title> <script src="http://demo.jb51.net/jslib/jquery/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#btn').click(function () { var count = 3; var countdown = setInterval(CountDown, 1000); function CountDown() { $("#btn").attr("disabled", true); $("#btn").val("Please wait " + count + " seconds!"); if (count == 0) { $("#btn").val("Submit").removeAttr("disabled"); clearInterval(countdown); } count--; } }) }); </script> </head> <body> <input type="button" id="btn" value="Submit" /> </body> 有兴趣您可以自己实现一下。

　　推荐阅读

　　50款非常棒的 jQuery 插件分享

jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件，可以根据您的项目需要来选择使用。 1- ZWeatherFeed jQuery Plugin 2- JDesktop 3- Mocha UI Library>>>详细阅读

本文标题：JQuery实现倒计时按钮的实现代码

地址：http://www.17bianji.com/kaifa2/JS/23537.html

1/2 1