jQuery倒数计时按钮—setTimeout

2014-11-24 14:39:15 · 作者: · 浏览: 10



<script type="text/java script" src="js/jquery-1.3.2.js">
<script type="text/java script">
var timeout;
var count = 10; // 倒数十下


$(function() {
timeout = setTimeout(BtnCount, 1000); // 1s执行一次BtnCount
});


BtnCount = function() {


// 启动按钮


if (count == 0) {
$('#btnSubmit').attr("disabled", "");
$('#btnSubmit').val("确定");
clearTimeout(timeout); // 可取消由 setTimeout() 方法设置的 timeout
}
else {
count--;
$('#btnSubmit').val("确(" + count.toString() + ")定");
setTimeout(BtnCount, 1000);
}
};





onclick="btnSubmit_Click"/>




setTimeout预设只执行一次,但我们可以用递归,是它自己启动自己。