这篇文章主要为大家详细介绍了射流研究…代码实现点击按钮出现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语言（一种计算机语言，尤用于创建网站）描述语言程序设计有所帮助。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。