Jquery倒數(shù)計時按鈕setTimeout的實例代碼
更新時間:2013年07月04日 15:53:32 作者:
這篇文章介紹了Jquery倒數(shù)計時按鈕setTimeout的實例,有需要的朋友可以參考一下
復制代碼 代碼如下:
<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() {
// 啟動按鈕
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預設(shè)只執(zhí)行一次,但我們可以用遞歸,是它自己啟動自己。
您可能感興趣的文章:
- 關(guān)于setInterval、setTimeout在jQuery中的使用注意事項
- jQuery setTimeout()函數(shù)使用方法
- SQL查詢超時的設(shè)置方法(關(guān)于timeout的處理)
- JQuery中SetTimeOut傳參問題探討
- sliderToggle在寫jquery的計時器setTimeouter中不生效
- jQuery setTimeout傳遞字符串參數(shù)報錯的解決方法
- node.js超時timeout詳解
- js超時調(diào)用setTimeout和間歇調(diào)用setInterval實例分析
- jQuery AJAX timeout 超時問題詳解
相關(guān)文章
擴展easyui.datagrid,添加數(shù)據(jù)loading遮罩效果代碼
easyui可以說是輕量級的前端UI框架,更新到1.2.1支持更多的事件,方法和屬性2010-11-11JQUERY實現(xiàn)左側(cè)TIPS滑進滑出效果示例
左側(cè)提示滑進滑出的平滑效果使用jQuery實現(xiàn),具體代碼及截圖如下,感興趣的朋友可以參考下哈,希望對大家學習jquery有所幫助2013-06-06基于jQuery替換table中的內(nèi)容并顯示進度條的代碼
這個例子使我更加明白呈現(xiàn)數(shù)據(jù)是前端工作滴一部分,如何使table中的數(shù)值變?yōu)榍逦貤l狀圖呢?聽我細細道來2011-08-08jquery實現(xiàn)兩個div中的元素相互拖動的方法分析
這篇文章主要介紹了jquery實現(xiàn)兩個div中的元素相互拖動的方法,結(jié)合實例形式分析了jQuery基于鼠標事件響應(yīng)的頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2020-04-04JavaScript的jQuery庫插件的簡要開發(fā)指南
這篇文章主要介紹了JavaScript的jQuery庫插件的簡要開發(fā)指南,分為基于選擇器的插件和不基于選擇器的插件兩種情況,需要的朋友可以參考下2015-08-08