[个人备份]js点击按钮进行60秒倒计时

原创 2016年08月29日 15:05:59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<button id="getCode">获取验证码</button>

</body>

       <!--需要用到jquery-->

<script src="js/jquery/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$("#getCode").on("click",function(){
var self = $(this);
    self.attr("disabled","true");//将按钮不可用
    couter = 60;//倒计时
var timer = setInterval(function(){
couter--;
if(couter > 0){
var html = "等待"+couter+"秒";
self.text(html);
}else{
clearInterval(timer);
self.removeAttr("disabled");//将按钮可用
self.text("重新获取");
}
},1000);
});
</script>
</html>

js点击按钮倒计时---servlet并接收

按钮点击 倒计时,js网站验证码点击按钮 倒计时

使用js完成点击获取动态码后按钮倒计时效果

注册登录时通常会要求用户填写手机号获取手机短信验证码,而没获取一条验证码,网站需要支付一定费用。 为防止恶意攻击造成不必要的开销,需要在获取验证码的按钮上进行控制。 我们通常所见到的是每隔60秒或...

60秒倒计时登录验证按钮计时器Timer Task

在开发中我们有时会有这样的需求,即在固定的每隔一段时间执行某一个任务。比如UI上的控件需要随着时间改变,我们可以使用Java为我们提供的计时器的工具类,即Timer和TimerTask。? Tim...

按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现

转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 这个主要是用在手机验证码注册的时候用的多, 比如: 正如上图所示那样-6...

对安卓获取验证码倒计时60秒Button按钮的简单封装

鉴于经常在注册获取验证码时候需要一个倒计时按钮觉得很麻烦,抽点时间写了一个TimeButton 键鼠下特性, TimeButton使用的时候跟普通Button一样没有冲突, TimeButton在倒计...
  • yung7086
  • yung7086
  • 2015年02月06日 13:22
  • 23769

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

/*-------------------------------------------*/         var InterValObj; //timer变量,控制时间 var count ...

自定义Button之实现点击按钮实现倒计时功能

其实,实现倒计时功能非常容易,因为Android已经将该功能封装好了我们只要使用就可以了因为简单我这里也不多说直接上代码, 在自定义VIew中我继承Button public class Count...

通过ValueAnimator 来实现按钮点击后倒计时的效果

布局文件:

点击按钮获取验证码,倒计时。

//思路: 点击发送按钮过后。按钮变成:10秒–;倒计时直到0秒时候,按钮内的文本内容变成’点击重新发送’。并且清除定时器。 //当鼠标再一次点击时 重复之前的过程。 ...
  • y75475
  • y75475
  • 2017年03月25日 23:00
  • 293
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[个人备份]js点击按钮进行60秒倒计时
举报原因:
原因补充:

(最多只允许输入30个字)