页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码很简单：
<head> <title>test count down button</title> <script src="http://ajax.aspnetcdn.com/ajax/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>有兴趣您可以自己实现一下。
希望对您Web开发有帮助。您可能感兴趣的文章：
JQuery防止退格键网页后退
Asp.net使用JQuery实现放大图片效果
作者：Petter Liu
出处：http://www.cnblogs.com/wintersun/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
该文章也同时发布在我的独立博客中-Petter Liu Blog。
JQuery实现倒计划按钮
TAG:
