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

更新時間：2014年06月03日 11:08:01 作者：

這篇文章主要介紹通過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(); // 這里加個時間的參數(shù)是為了防止瀏覽器緩存的問題 
$("#J_checkcode_tip").addClass("hide"); 
$("#J_checkcode_tip>div").html(""); 
$("#<%=hidPicMessage.ClientID%>").val(""); 
} 
setTimeout(function() { 
change() 
}, 
1000) 
} 
}</script> 

則 html如下：

復制代碼代碼如下:

 
<div class="kv_item clear"> 
<span class="kv_label fl">驗證碼</span> 
<input name="checkCode" class="i_textshort fl" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" /> 
<img src="../../AjaxServer/CheckCodePic.ashx" height="28" id="vimg" alt="" style="float:left;margin:-1px 0 0 3px"/> 
<a id="J_refresh_checkcode" onclick="change()">看不清，換一張</a> 
<div class="msg msg-inline msg-weak hide" id="J_checkcode_tip"> 
<div class="msg-default msg-error"> 
<i class="msg-icon"></i> 
<div class="msg-content"> 
</div> 
</div> 
</div> 
</div> 

您可能感興趣的文章:

jquery結合CSS使用validate實現(xiàn)漂亮的驗證
這篇文章主要介紹了jquery結合CSS使用validate實現(xiàn)漂亮的驗證,需要的朋友可以參考下
2015-01-01
微信小程序實現(xiàn)點擊圖片放大預覽
這篇文章主要為大家詳細介紹了小程序實現(xiàn)點擊圖片放大預覽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-10-10
BootStrap Validator 根據(jù)條件在JS中添加或移除校驗操作
這篇文章主要介紹了BootStrap Validator 根據(jù)條件在JS中添加或移除校驗的相關資料,需要的朋友可以參考下
2017-10-10
Flutter實現(xiàn)仿微信底部菜單欄功能
這篇文章主要介紹了Flutter實現(xiàn)仿微信底部菜單欄,需要的朋友可以參考下
2019-09-09
Webpack之plugin的使用
本文主要介紹了Webpack之plugin的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-02-02
前端處理文本換行展示4種處理方法
在處理前端顯示后端傳遞的包含換行符的文本時,可以通過多種方法實現(xiàn)換行顯示,這篇文章主要介紹了前端處理文本換行展示4種處理方法,這些方法幫助前端正確展示格式化文本,解決了文本堆疊的問題,需要的朋友可以參考下
2024-10-10
分享XmlHttpRequest調用Webservice的一點心得
因為項目需要，以后前端、手機客戶端調用ASP.NET的Webservice來獲取信息.所以這段時間開始看Webservice，試著通過XmlHttpRequest調用Webservice，過程中碰到不少問題，也有不少的收獲
2012-07-07
JavaScript設計模式適配器模式實例
這篇文章主要介紹了JavaScript設計模式適配器模式實例，適配器設計模式可以讓彼此不兼容的功能在一塊工作，有助于避免大規(guī)模的修改代碼，并且易于擴展和兼容
2022-06-06
createObjectURL方法實現(xiàn)本地圖片預覽
這篇文章主要為大家詳細介紹了createObjectURL方法實現(xiàn)本地圖片預覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
輕松理解JavaScript閉包
閉包機制是JavaScript的重點和難點，本文希望能幫助大家輕松的學習閉包。下面跟著小編一起來看下吧
2017-03-03