这篇文章主要为大家详细介绍了射流研究…代码实现点击按钮出现60秒倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
比如，一些网站上的手机短信认证的功能，有类似实现点击按钮后，倒计时60秒才能再次点击发送的效果。
此例子用Java语言（一种计算机语言，尤用于创建网站）描述语言实现点击按钮后，倒计时60秒才能再次点击发送验证码的功能。
例子1：
Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果
输入类型=button id=btn value=免费获取验证码 /
脚本类型=文本/javascript
var wait=60
功能时间(o) {
if (wait==0) {
哦。删除属性(“disabled”)；
o.value=免费获取验证码；
等待=60
}否则{
o.setAttribute(disabled ，true)；
o.value=重新发送(等);
等等-;
setTimeout(function() {
时间
},
1000)
}
}
document.getElementById(btn ).onclick=function(){ time(this)；}
/脚本
例子2：
点击按钮出现60秒倒计时js代码
超文本标记语言
头
meta http-equiv= Content-Type Content= text/html；charset=utf-8 /
标题无标题文档/标题
脚本类型= text/JavaScript src= js/jquery。js /脚本
/头
身体
输入类型=button id=btn value=免费获取验证码onclick=settime(this) /
脚本类型=文本/javascript
定义变量倒计时=60;
函数设置时间(瓦尔){
如果(倒计时==0) {
瓦尔。删除属性(“disabled”)；
val.value=免费获取验证码；
倒计时=60;
}否则{
val.setAttribute(disabled ，true)；
val.value=重新发送(倒计时);
倒计时-;
}
setTimeout(function() {
设置时间
},1000)
}
/脚本
/body
/html
例子3：
点击按钮后，60秒倒计时后才能继续可以点击，按钮上还能显示倒计时
预想的效果图：
这是微信公众平台上的代码
函数E() {
var e=$(#mobile )，t=(新日期)。getTime()，n=数学。地板((t-b)/1e 3)；
g clearTimeout(g)，n=60？(e.prop(readonly ，1)，y=！0，$(#sendmobile ).html(发送验证码).属性(禁用,1).移除类( BTN _禁用):(e . prop(只读，0)，y=！1，$(#sendmobile ).属性(禁用,0).addClass(btn_disabled ).html(%s秒后可重发8 . sprintf(60-n))，g=setTimeout(E，1e 3))；
}
函数S() {
函数e() {
如果(!y)返回；
var e=0.001美元.trim(n . val())；
l.mobile(e)？ t.attr(禁用,1).删除类( BTN _禁用):t . attr(禁用，0).添加类(" BTN _禁用")；
}
var t=$(#sendmobile )，n=$( # mobile )；
键盘手blur(e)，e()，t.click(function() {
var e；
t.attr(disabled )！==已禁用(e= 86 美元.trim(n.val())，b=(新日期)。getTime()、E()、o.post({
网址：w？/CGI-bin/formbyskey :/acct/formbyticket ，
数据：{
表单："移动",
操作："设置",
f: json ，
手机：e
},
面膜：一
},函数(e) {
var t=e . BaseResp。浸水使柔软
if (t==0) u.suc(验证码已经发送);否则{
开关(t) {
案例13:
u.err(登录超时，请重新登录);
打破；
案例35:
u.err(该手机已经登记过2次，请使用别的手机号进行用户信息登记);
打破；
默认值：
u.err(验证码发送失败);
}
b=0；
}
}));
});
}
这段代码小编就是不知道怎么才能调用到自己的代码上来，经过高人指点有了一些头寻。
高人的解题思路：如果严格的话，这个还要结合后台获取时间的，要不然别人刷新一下就行了。
如果不严格，用个甜饼干也可以。
脚本src= http://lib。新浪app。com/js/jquery/1。7 .2/jquery。量滴js /脚本
脚本src= http://育空12345。com/Yukon 12345。com/js/jquery。饼干。js /脚本
脚本
时间1=$。cookie(时间1 )| | 60；
时间2=$。cookie(时间2 )| | 60；
dis 1=$ 1000 .cookie(dis1 )
dis 2=100美元.cookie(dis2 )
功能倒计时($obj){
定义变量时间；
if($obj.attr(id)==b1 )
{
时间=-时间1；
$.cookie(time1 ，time，{ expires :1 })；
如果（时间=0){
时间1=60
$obj[0].禁用=!$obj[0].有缺陷的
间隙(中间1)
$obj.text(点击发送)
$.cookie(dis1 ，)
返回
}
}
if($obj.attr(id)==b2 )
{ time=-time 2；
$.cookie(time2 ，time，{ expires :1 })；
如果（时间=0){
时间1=60
$obj[0].禁用=!$obj[0].有缺陷的
间隙(中间2)
$obj.text(点击发送)
$.cookie(dis2 ，)
返回
}
}
$obj.text(time 秒后重新发送)
}
$(function(){
if(dis1=dis){
$(#b1)[0].disabled=disabled
inter 1=setInterval(function(){ count down($( # B1 )}，1000)
}
if(dis2=dis){
$(#b2)[0].disabled=disabled
inter 2=setInterval(function(){ count down($( # B2 )}，1000)
}
$(.CD’).bind(click ，function(){
$this=$(这个);
//没有被禁用时禁用并执行倒计时
如果(!$this[0].已禁用){
$this[0].disabled=" disabled
if($this.attr(id)==b1){
$.cookie(dis1 ， dis ，{expires:1})
inter 1=setInterval(function(){ count down($ this)}，1000
}
if($this.attr(id)==b2){
$.cookie(dis2 ， dis ，{expires:1})
inter 2=setInterval(function(){ count down($ this)}，1000
}
}
})
})
/脚本
按钮id=b1 class=cd 点击发送/buttonbr
按钮id=b2 class=cd 点击发送/buttonbr
更多关于倒计时的文章请查看专题： 《倒计时功能》
大家通过这三个例子讲解有没有点思路了，那就动手实现一下吧，希望对大家学习Java语言（一种计算机语言，尤用于创建网站）描述语言程序设计有所帮助。
