Jquery倒数计时按钮setTimeout的实例代码
更新时间：2013年07月04日 15:53:32 作者：
这篇文章介绍了Jquery倒数计时按钮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; // 倒数十下
$(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);
}
};
</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预设只执行一次，但我们可以用递归，是它自己启动自己。
相关文章
内部链接是通过在a标签内将href属性值设为#+id的形式，外链则是在a中增加rel属性，并将属性值设为external,感兴趣的朋友可以了解下哦2013-01-01
扩展easyui.datagrid，添加数据loading遮罩效果代码
easyui可以说是轻量级的前端UI框架，更新到1.2.1支持更多的事件，方法和属性2010-11-11
左侧提示滑进滑出的平滑效果使用jQuery实现，具体代码及截图如下，感兴趣的朋友可以参考下哈，希望对大家学习jquery有所帮助2013-06-06
这是一个支付页面DEMO，有截图，非常逼真，感兴趣的朋友可以参考下2014-07-07
这个例子使我更加明白呈现数据是前端工作滴一部分，如何使table中的数值变为清晰地条状图呢？听我细细道来2011-08-08
这篇文章主要介绍了jQuery接受后台传递的List的实例详解的相关资料,这里提供了前台代码和后台代码的实现，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了jquery实现两个div中的元素相互拖动的方法,结合实例形式分析了jQuery基于鼠标事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了JavaScript的jQuery库插件的简要开发指南,分为基于选择器的插件和不基于选择器的插件两种情况,需要的朋友可以参考下2015-08-08
原来使用jQuery1.3.2编写的代码，更换到1.4.2后，使用jQuery.ajax()加载的json文件，不能正常加载。(使用jQuery.getJSON()也一样)2011-02-02
从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求，对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则，下面的示例中添加了一个用于正则表达式验证的扩展验证的方法2011-09-09
最新评论