Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例代碼
更新時(shí)間:2013年07月04日 15:53:32 作者:
這篇文章介紹了Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例,有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<head runat="server">
<title></title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
var timeout;
var count = 10; // 倒數(shù)十下
$(function() {
timeout = setTimeout(BtnCount, 1000); // 1s執(zhí)行一次BtnCount
});
BtnCount = function() {
// 啟動(dòng)按鈕
if (count == 0) {
$('#btnSubmit').attr("disabled", "");
$('#btnSubmit').val("確定");
clearTimeout(timeout); // 可取消由 setTimeout() 方法設(shè)置的 timeout
}
else {
count--;
$('#btnSubmit').val("確(" + count.toString() + ")定");
setTimeout(BtnCount, 1000);
}
};
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnSubmit" runat="server" Text="確定" Enabled="false"
onclick="btnSubmit_Click"/>
</div>
</form>
</body>
setTimeout預(yù)設(shè)只執(zhí)行一次,但我們可以用遞歸,是它自己?jiǎn)?dòng)自己。
您可能感興趣的文章:
- 關(guān)于setInterval、setTimeout在jQuery中的使用注意事項(xiàng)
- jQuery setTimeout()函數(shù)使用方法
- SQL查詢超時(shí)的設(shè)置方法(關(guān)于timeout的處理)
- JQuery中SetTimeOut傳參問(wèn)題探討
- sliderToggle在寫jquery的計(jì)時(shí)器setTimeouter中不生效
- jQuery setTimeout傳遞字符串參數(shù)報(bào)錯(cuò)的解決方法
- node.js超時(shí)timeout詳解
- js超時(shí)調(diào)用setTimeout和間歇調(diào)用setInterval實(shí)例分析
- jQuery AJAX timeout 超時(shí)問(wèn)題詳解
相關(guān)文章
擴(kuò)展easyui.datagrid,添加數(shù)據(jù)loading遮罩效果代碼
easyui可以說(shuō)是輕量級(jí)的前端UI框架,更新到1.2.1支持更多的事件,方法和屬性2010-11-11JQUERY實(shí)現(xiàn)左側(cè)TIPS滑進(jìn)滑出效果示例
左側(cè)提示滑進(jìn)滑出的平滑效果使用jQuery實(shí)現(xiàn),具體代碼及截圖如下,感興趣的朋友可以參考下哈,希望對(duì)大家學(xué)習(xí)jquery有所幫助2013-06-06基于jQuery替換table中的內(nèi)容并顯示進(jìn)度條的代碼
這個(gè)例子使我更加明白呈現(xiàn)數(shù)據(jù)是前端工作滴一部分,如何使table中的數(shù)值變?yōu)榍逦貤l狀圖呢?聽(tīng)我細(xì)細(xì)道來(lái)2011-08-08jQuery接受后臺(tái)傳遞的List的實(shí)例詳解
這篇文章主要介紹了jQuery接受后臺(tái)傳遞的List的實(shí)例詳解的相關(guān)資料,這里提供了前臺(tái)代碼和后臺(tái)代碼的實(shí)現(xiàn),需要的朋友可以參考下2017-08-08jquery實(shí)現(xiàn)兩個(gè)div中的元素相互拖動(dòng)的方法分析
這篇文章主要介紹了jquery實(shí)現(xiàn)兩個(gè)div中的元素相互拖動(dòng)的方法,結(jié)合實(shí)例形式分析了jQuery基于鼠標(biāo)事件響應(yīng)的頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-04-04JavaScript的jQuery庫(kù)插件的簡(jiǎn)要開(kāi)發(fā)指南
這篇文章主要介紹了JavaScript的jQuery庫(kù)插件的簡(jiǎn)要開(kāi)發(fā)指南,分為基于選擇器的插件和不基于選擇器的插件兩種情況,需要的朋友可以參考下2015-08-08JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
從前面的示例中不難看出validate中自帶的驗(yàn)證方法足以滿足一般的要求,對(duì)于特別的要求可以使用addMethod(name,method,message)添加自定義的驗(yàn)證規(guī)則,下面的示例中添加了一個(gè)用于正則表達(dá)式驗(yàn)證的擴(kuò)展驗(yàn)證的方法2011-09-09