发送验证码按钮带倒计时

    <input id="send" onclick="sendmessage(this,30);"class="layui-bg-blue"  type="button" value="获取"  type="submit"/>         

function sendmessage(obj,second){

if(sendmessage){

$("#send").attr('class','layui-bg-gray layui-btn-disabled')

countDown(obj,second)

}

else{

alert("错误,虽然永远走不到这里!");

}

    }

function countDown(obj,second){

    // 如果秒数还是大于0,则表示倒计时还没结束

     if(second>=0){

          // 获取默认按钮上的文字

          if(typeof buttonDefaultValue === 'undefined' ){

            buttonDefaultValue =  obj.defaultValue;

        }

        // 按钮置为不可点击状态

        obj.disabled = true;            

        // 按钮里的内容呈现倒计时状态

        obj.value = buttonDefaultValue+'('+second+')';

        // 时间减一

        second--;

        // 一秒后重复执行

        setTimeout(function(){countDown(obj,second);},1000);

        // 否则,按钮重置为初始状态

        }else{

        $("#send").attr('class','layui-bg-blue')

        // 按钮置未可点击状态

        obj.disabled = false;   

        // 按钮里的内容恢复初始状态

        obj.value = buttonDefaultValue;

       }   

}

猜你喜欢

转载自www.cnblogs.com/codezhao/p/9296686.html