html5 验证码倒计时重置

7人阅读 评论(0) 收藏 举报
分类:

最近根据需求要求用户获取验证码时(在点击获取验证码时,先会对输入的用户名和密码做验证)如果密码错误时要求不计时可重新获取验证码,在这就需要重置倒计时了。好了还是直接贴代码吧

var wait=60;//时间
var t;//计时器
var timeout = false;
function time(){
    if (wait == 0) {
        $('#btnVerify').removeAttr('disabled');
        //btnObj.removeAttribute("disabled");
        //btnObj.textContent = "再次获取验证码";
        $('#btnVerify').text("获取验证码");
        wait = 60;
    }else{
        //btnObj.setAttribute("disabled", true);
        $('#btnVerify').attr('disabled','disabled');
        //$('#btnVerify').textContent = "重新发送验证码(" + wait + "s)";
        $('#btnVerify').text("重新发送验证码(" + wait + "s)");
        wait--;
        if(timeout){//重置计时器
            $('#btnVerify').removeAttr('disabled');
            $('#btnVerify').text("获取验证码");
            wait = 60;
            timeout = false;
            return;
         }
         t=setTimeout(function(){
            time();
         },1000)
    }
}
在需要重置倒计时的地方写入
timeout = true;

查看评论

怎样知道你的程序是运行在安全模式呢?

Use Windows API GetSystemMetrics with SM_CLEANBOOT parameter, this specifies how the system was star...
  • laoli
  • laoli
  • 2001-10-05 14:01:00
  • 880

html5 验证码倒计时

html5 点击获取验证码后进入60秒倒计时,并在点击登录按钮后关闭计时器,具体代码如下var wait=60;//时间 var t;//计时器 function ti...
  • sp_wei
  • sp_wei
  • 2017-05-21 17:53:27
  • 852

html5第一个页面。登录加倒计时

登录 function countDown(second){    // 如果秒数还是大于0,则表示倒计时还没结束     if(second>0){         $("#getCode...
  • jspamd
  • jspamd
  • 2015-06-02 00:24:05
  • 3311

通用代码:发送短信并显示倒计时

var wait =120; var setSecID = ""; function countDown() { wait = wait - 1; if (wait == 0) { ...
  • a497785609
  • a497785609
  • 2017-08-15 11:07:40
  • 490

js 验证码 倒计时60秒

 js 验证码 倒计时60秒   [html] view plaincopyprint? input type="button" id="btn" value="免费获...
  • xiaosong2008
  • xiaosong2008
  • 2014-10-10 15:54:39
  • 41553

Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取

Jquery插件实现“点击获取验证码后60秒内禁止重新获取(防刷新)” 效果图: 先到官网(http://plugins.jquery.com/cookie/)...
  • xllily_11
  • xllily_11
  • 2015-10-27 14:05:08
  • 4985

iOS 获取验证码读秒时,按下home键,重新进app时,保证读秒正常进行

(iOS)移动app很多时候会遇到注册,获取验证码倒计时的时候,按下home键进入后台,倒计时就会停止,这里提供一种方法,来保证时间会正常进行下去。  1:从appDelegate中这两个方...
  • M13215519957
  • M13215519957
  • 2016-07-01 16:00:03
  • 1930

获取短信验证码时的倒计时按钮实现

在Android中实现倒计时有多种方式,如使用传统的java方式Timer+TimerTask等,这里我们使用系统自带的类CountDownTimer。CountDownTimer内部使用的是Hand...
  • ruancoder
  • ruancoder
  • 2016-07-09 13:25:49
  • 5442

实现发送短信验证码后60秒倒计时

DOCTYPE html> html> head> script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">script...
  • babyxue
  • babyxue
  • 2017-04-21 09:09:40
  • 1694

Android 验证码倒计时两种方案

使用 1.在布局中使用
  • u011106915
  • u011106915
  • 2017-08-21 16:41:08
  • 663
    个人资料
    持之以恒
    等级:
    访问量: 6万+
    积分: 605
    排名: 8万+