这篇文章主要为大家详细介绍了射流研究…代码实现点击按钮出现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语言(一种计算机语言,尤用于创建网站)描述语言程序设计有所帮助。