jquery 点击按钮后,倒计时60秒才能再次点击发送

例

 代码如下 复制代码

<input type="button" id="btn" value="免费获取验证码" />

<script type="text/javascript">
var wait=60;
function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");           
            o.value="免费获取验证码";
            wait = 60;
        } else {
            o.setAttribute("disabled", true);
            o.value="重新发送(" + wait + ")";
            wait--;
            setTimeout(function() {
                time(o)
            },
            1000)
        }
    }
document.getElementById("btn").onclick=function(){time(this);}
</script>

或者这样写

 代码如下 复制代码

<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="免费获取验证码";
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(val)
},1000)
}
</script>

有需要js倒计时的朋友也可参考

 代码如下 复制代码

<script>
i=9
function change()
{
i--;
p.value="同意"+i
if(i==0)
{ p.disabled=false}
else
setTimeout("change()",1000)
}
window.onload=change;
</script>
<input type=button name=p disabled></font>
<a href="http://www.111cn.net/">进入111cn</a>
时间： 2024-10-26 00:21:30

jquery 点击按钮后,倒计时60秒才能再次点击发送的相关文章

jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码

原文链接:http://www.cnblogs.com/steed-zgf/archive/2012/02/03/2336984.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

js实现点击链接后延迟3秒再跳转的方法_javascript技巧

本文实例讲述了js实现点击链接后延迟3秒再跳转的方法.分享给大家供大家参考.具体分析如下: js实现点击链接后延迟3秒再跳转.不管有没有用,咱们反正能实现 使用setTimeout()函数实现跳转延迟 <html> <head> <title> jquery 延迟跳转</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"

js实现点击链接后延迟3秒再跳转的方法

  本文实例讲述了js实现点击链接后延迟3秒再跳转的方法.分享给大家供大家参考.具体分析如下: js实现点击链接后延迟3秒再跳转.不管有没有用,咱们反正能实现 使用setTimeout()函数实现跳转延迟 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <title> jquery 延迟跳转</title> <meta http-equiv="content-type" conten

JavaScript点击按钮后弹出透明浮动层的方法

  这篇文章主要介绍了JavaScript点击按钮后弹出透明浮动层的方法,可实现点击按钮弹出居中的透明浮动层的效果,涉及javascript操作鼠标事件及页面样式的相关技巧,需要的朋友可以参考下: 这里实现点击后页面变灰色,并用JS弹出一个居中的浮动层提示窗口,这个窗口是透明的,可以设置透明度,网上已经有很多类似的JavaScript代码,你可以借鉴一下. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

屏幕亮度-android点击按钮后，屏幕熄灭，十年后自动亮屏，怎么做？

问题描述 android点击按钮后,屏幕熄灭,十年后自动亮屏,怎么做? android点击按钮后,屏幕熄灭,十年后自动亮屏,怎么做? 在测试最后一个加一个电流测试,测试步骤 关屏背光和雷达电源.蓝牙电源,10秒后再重新亮屏和雷达电源.蓝牙电源 测试界面下面出现两个选项"PASS"和"FAIL"2个按钮

php-点击按钮后，怎么将form表单中的数据提交到弹窗中显示？

问题描述 点击按钮后,怎么将form表单中的数据提交到弹窗中显示? 点击按钮后,怎么将form表单中的数据提交到弹窗中显示?本人学习的是php语言 解决方案 http://blog.csdn.net/wangzi11322/article/details/45287967 解决方案二: 指定表单的target就行了,可以在指定窗口打开或者新窗口打开,不设置默认为当前窗口打开 <form target="窗口名称或者_blank" 解决方案三: 先用serializeArray序列

如何实现点击按钮后先跳转 后台处理函数？

问题描述 如何实现点击按钮后先跳转 后台处理函数? 之前都是等待后台处理好后,然后刷新页面.得花几十秒甚至更多时间,用户体验不是很好. 能不能直接跳转另一个网页,不需要返回值就可以了 解决方案 使用Ajax局部刷新啊. 解决方案二: 数据用iframe单独加载.iframe异步加载技术及性能 解决方案三: 使用Ajax,,,, 解决方案四: 不是不跳转,而是直接先跳转,不用等后台返回值 解决方案五: 主线程处理UI界面上的事情,子线程处理耗时数据

求点击按钮后,action处理时的按钮等待效果

问题描述 求点击按钮后,action处理时的按钮等待效果最近做项目,要实现点击按钮,让表单提交,通过post方式把表单中的大量的数据带给action,然后action查询数据库,得到相应的数据.再通过poi把这些数据写入excel文件中.然后,用装好数据的excel文件生成一个输入流,供用户下载.由于用户在表单中所选择的内容不同,action处理的时间也会不同.要求点击按钮后把按钮的名字改成"正在处理",等action(以"流"的方式返回)处理完,浏览器弹出&quo

Bootstrap中点击按钮后变灰并显示加载中实例代码_jquery

Bootstrap插件非常的好用了,我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了,具体的如下所示． 1.在按钮中加入data-loading-text,即点击按钮后显示的文字 <button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button> 2.当点击按钮