获取验证码倒计时60s

倒计时函数：

function time(btns) {
            if (wait == 0) {
                btns.css("background-color","#F84C02");
                $('#areaSelect').attr("disabled",false);
                btns.val("发送验证码");
                wait = 60;
            } else {
                btns.attr("disabled","disabled");
                btns.css("background-color","#D2D2D2");
                btns.val("重新发送(" + wait + ")");
                wait--;
                setTimeout(function() {
                    time(btns);
                },
                1000)
            }
        }

遇到问题

1、输入手机号的时候点亮按钮并且去掉disabled

html

<input class="inputIn phone" type="text" placeholder="请输入手机号码" id="phone"/>
<input class="btns" type="button" value="发送验证码" onclick="sendCode()" disabled="disabled"/>

js

phone.bind('input propertychange', function() {
          if(phone.val() != ""){
              btns.attr("disabled",false);
              btns.css("background-color","#F84C02");
          }else{
              btns.attr("disabled",true);
              btns.css("background-color","#D2D2D2");
          }
        });

input是标准的浏览器事件，一般应用于input元素，当input的value发生变化就会发生，无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化，propertychange，只要当前对象属性发生改变。

2、取消disabled

只能用.attr("disabled",false);  其他方法无效 （难道姿势不对？），而加上disabled属性则有： attr("disabled","disabled"); .attr("disabled",ture);