html按钮加时间间隔,js控制再次点击按钮之间的间隔时间可防止重复提交

var wait = 60;

function change() {

$o = $("#J_refresh_checkcode");

if(wait == 0) {

$o.removeAttr("disabled");

$o.html("看不清?换一张");

wait = 60;

} else {

$o.attr("disabled", true);

$o.attr("font-color", "gray");

$o.html(wait + "秒后可重新获取");

wait--;

if(wait == 59) {

var imgNode = document.getElementById("vimg");

imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 这里加个时间的参数是为了防止浏览器缓存的问题

$("#J_checkcode_tip").addClass("hide");

$("#J_checkcode_tip>div").html("");

$("#").val("");

}

setTimeout(function() {

change()

},

1000)

}

}

则 html如下:

时间: 2014-07-29