[个人备份]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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

点击按钮出现60秒禁用倒计时js代码

无标题文档 var countdown=60; function settime(val) { if (countdown == 0) { val.removeAttri...

JS倒计时代码(可随时点击停止)

Document 0) {alert("停止计时");return false;}document.location="https://www.baidu.com/"; this.di...

点击按钮出现60秒倒计时js代码

无标题文档            var countdown=60;  function settime(val) {  if (countdown == 0) {  val.removeAttr...

获取验证码按钮,点击后倒计时功能的实现

android中提供了一个类:CountDownTimer,可以实现倒计时的功能。代码如下: 在需要使用倒计时功能的activity中,自定义一个 TimeCount 类继承 CountDownTi...

60秒倒计时按钮

本篇文章一下用jQuery和JavaScript写一个60秒倒计时按钮。 这个实例适用于发送短信验证码和邮箱验证。下面直接看代码: 一、jQuery: HTML代码: 获取验证码 jQuery代码: ...

js注册按钮读秒倒计时代码

js注册按钮读秒倒计时代码                       能介绍             &...

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

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

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

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

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

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

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

鉴于经常在注册获取验证码时候需要一个倒计时按钮觉得很麻烦,抽点时间写了一个TimeButton 键鼠下特性, TimeButton使用的时候跟普通Button一样没有冲突, TimeButton在倒计...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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