js弹窗倒计时10秒代码,js怎么做倒计时60秒,js代码实现点击按钮出现60秒倒计时

js弹窗倒计时10秒代码,js怎么做倒计时60秒,js代码实现点击按钮出现60秒倒计时

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

js弹窗倒计时10秒代码,js怎么做倒计时60秒,js代码实现点击按钮出现60秒倒计时