欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery實現(xiàn)的按鈕倒計時效果

 更新時間:2015年12月23日 15:04:30   作者:daimajiayuan  
這篇文章主要介紹了JQuery實現(xiàn)的按鈕倒計時效果,涉及jQuery結(jié)合時間函數(shù)動態(tài)修改按鈕屬性的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了JQuery實現(xiàn)的按鈕倒計時效果。分享給大家供大家參考,具體如下:

一個實現(xiàn)了在按鈕上顯示倒計時,倒計時完畢自動將按鈕設(shè)置為不可用的效果,具體代碼如下:

<html>
<head>
<title>test count down button</title>
<script src="jquery1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 10;
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>
</html>

運行效果截圖如下:

希望本文所述對大家jQuery程序設(shè)計有所幫助。

相關(guān)文章

最新評論