js控制當再次點擊按鈕時的間隔時間

複製代碼代碼如下:

<script type="text/javascript" language="javascript">

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("");

$("#<%=hidPicMessage.ClientID%>").val("");

}

setTimeout(function() {

change()

},

1000)

}

}</script>

則html如下：

複製代碼代碼如下:

<div>

<span>驗證碼</span>

<input name="checkCode" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" />

<img src="../../AjaxServer/CheckCodePic.ashx" id="vimg" style="float:left;margin:-1px 0 0 3px"/>

<a id="J_refresh_checkcode" onclick="change()">看不清，換一張</a>

<div id="J_checkcode_tip">

<div>

<i></i>

<div>

</div>

</div>

</div>

</div>