JQuery實現(xiàn)倒計時按鈕具體方法
更新時間：2013年11月14日 17:19:03 作者：
頁面中需要實現(xiàn)某個按鈕點擊完后，禁用它，并顯示倒計時。這個默認是3秒，代碼如下
復(fù)制代碼 代碼如下:
<head>
<title>test count down button</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 3;
var countdown = setInterval(CountDown, 1000);
function CountDown() {
$("#btn").attr("disabled", true);
$("#btn").val("Please wait " + count + " seconds!");
if (count == 0) {
$("#btn").val("Submit").removeAttr("disabled");
clearInterval(countdown);
}
count--;
}
})
});
</script>
</head>
<body>
<input type="button" id="btn" value="Submit" />
</body>
有興趣您可以自己實現(xiàn)一下。
相關(guān)文章
初探j(luò)query——表單應(yīng)用范例...2007-02-02
這篇文章主要介紹了JQuery基礎(chǔ)動畫操作，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
jquery1.4.2 for Visual studio 2010 模板文件
剛把最新的1.4.2 版jquery 整理進了vs2010,每次建項目就能直接用了.文件好多.累死了..2010-07-07
基于jquery實現(xiàn)的移入頁面上空文本框時，讓它變?yōu)榻裹c，移出清除焦點
基于jquery實現(xiàn)的移入頁面上空文本框時，讓它變?yōu)榻裹c，移出清除焦點的實現(xiàn)代碼。2011-07-07
Jquery的hover方法讓鼠標經(jīng)過li時背景變色
鼠標經(jīng)過時讓li背景變色，在某些時候還是挺實用的，下面為大家介紹下使用Jquery的hover方法來實現(xiàn)下，感興趣的朋友可以參考下2013-09-09
下面小編就為大家分享一篇淺談ajax請求不同頁面的微信JSSDK問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
基于jquery實現(xiàn)鼠標左右拖動滑塊滑動附源碼下載
這篇文章主要介紹了基于jquery實現(xiàn)鼠標左右拖動滑塊滑動附源碼下載 的相關(guān)資料,需要的朋友可以參考下2015-12-12
本篇文章小編為大家介紹，基于JQuery 滑動與動畫的說明介紹。需要的朋友參考下2013-04-04
這篇文章主要介紹了jQuery的text()方法用法,以實例形式詳細分析了jQuery的text()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery中$.extend()用法,實例分析了extend()方法的功能、定義及相關(guān)的使用技巧,需要的朋友可以參考下2015-06-06