js倒计时一分钟

来源:互联网 发布:js更改input type 编辑:程序博客网 时间:2024/04/27 21:53

前端页面按钮:

<button   type="button" value="" id="btn_code" >获取验证码</button></td>

JS:

      var mydate= new Date();//获取当前时间      mydate.setMinutes(mydate.getMinutes()+1); //当前时间加1分钟      var end_time = new Date(mydate).getTime(),//月份是实际月份-1      var sys_second = (end_time-new Date().getTime())/1000;      var timer = setInterval(function(){            if (sys_second > 1) {                sys_second -= 1;                var second = Math.floor(sys_second % 60);                $("#btn_code").attr("disabled","true");//添加disabled属性                $("#btn_code").css("color","gray");                $("#btn_code").html(second+"s后重新获取验证码");            } else {                 $("#btn_code").removeAttr("disabled");//移除disabled属性                $("#btn_code").css("color","black");                $("#btn_code").html("获取验证码");                clearInterval(timer);//清楚定时器            }        }, 1000);
0 0