JQuery实现倒计时按钮的实现代码
2012-03-23 00:00
423 查看
<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> 有兴趣您可以自己实现一下。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQuery实现倒计时按钮的实现代码
- jQuery实现倒计时按钮功能代码分享
- jQuery实现倒计时按钮功能代码分享
- jquery十几行代码实现输入框自带清除按钮
- jquery 实现 点击按钮后倒计时效果
- jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码
- jquery 实现验证码倒计时 点击按钮后倒计时效果
- jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码
- 使用jQuery实现两个div中按钮互换位置的实例代码
- jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码
- jquery实现light7的开关按钮的代码
- 按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
- jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码
- 基于jQuery的倒计时实现代码
- JQuery实现的按钮倒计时效果
- Jquery操作单选按钮(Radio)的取值赋值实现代码
- jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码