1. 程式人生 > >js獲取驗證碼60s倒計時

js獲取驗證碼60s倒計時

<input id="getCodeId" type="button" number="60" value="獲取驗證碼"></input>

$("#getCodeId").click(function(){
    var node = $(this);
	    $.ajax({
	        url:,
	        type:,
	        data:{
	        },
	        dataType:"json",
	        success:function(data){
	            send(node);
	        }
	    });
});

function send(obj) {
    var wtime = Number($(obj).attr('number'));
    if (wtime==0) {
        $(obj).attr('disabled', false);
        $(obj).css({'backgroundColor':'#d43b33','color':'#FFF'});
        $(obj).val('重新獲取');
        $(obj).attr('number',60);
    }else{
        $(obj).attr('disabled', true);
        $(obj).css({'backgroundColor':'#E8E8E8','color':'#666'});
        wtime--;
        $(obj).attr('number',wtime);
        $(obj).val(wtime + '秒後重新獲取');
        setTimeout(function () {
            send(obj);
        }, 1000);
    }
}