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预设只执行一次,但我们可以用递归,是它自己启动自己。

时间: 2012-02-05

Jquery倒数计时按钮—setTimeout的相关文章

Jquery倒数计时按钮setTimeout的实例代码

这篇文章介绍了Jquery倒数计时按钮setTimeout的实例,有需要的朋友可以参考一下   复制代码 代码如下: <head runat="server">     <title></title>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type=&quo

JSP中的倒数计时和自动跳转页面

 老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了. 1,在标签中建立onload事件,用作自动刷新: <body onload="shownum()"> 2,在<script>中编写onload事件: <script type="text/javascript"> var i = 6; function shownum(){ i=

JSP中的倒数计时和自动跳转页面_JSP编程

老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了. 1,在标签中建立onload事件,用作自动刷新: <body onload="shownum()"> 2,在<script>中编写onload事件: <script type="text/javascript"> var i = 6; function shownum(){ i=i

jquery点击按钮后变灰实现程序代码

下面是我以前用的一个js倒计时的效果,也是点击之后60秒之内不可再点击效果.  代码如下 复制代码 <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> </head> <body> <input type="button" id="btn" value="免费获取验证码" /> <script

值得学习的19个jQuery和CSS按钮教程

jQuery是继prototype之后又一个优秀的Javascrīpt框架,使用户能更方便地处理HTML documents.events.实现动画效果,并且方便地为网站提供AJAX交互.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排 版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言. 这里就将分享国外19个值得学习的jQuery和CSS按钮教程,希望能有所帮助. Awesome CSS

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

 这篇文章主要介绍了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法,涉及jQuery中val与attr方法的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <body>

透明显示-jquery.jqgrid 为什么按钮是透明的 (翻页,查询,刷新都是)但功能都可以实现

问题描述 jquery.jqgrid 为什么按钮是透明的 (翻页,查询,刷新都是)但功能都可以实现 $("#Statistics_Info").jqGrid({ url : '../apply_Statistics_info.do', datatype : "json", mtype : 'POST', height : '400', width : '1065', scrollOffset:0,//垂直滚动条宽 shrinkToFit: false, hidegr

基于jquery实现左右按钮点击的图片切换效果_jquery

jQuery可以制作出与Flash媲美的动画效果,这点绝对毋庸置疑,本文将通过实例演示一个左右按钮点击的图片切换效果. 一.最终效果 二.功能分析1.需求分析点击左边pre按钮,显示前面三个图片,点击右边的next按钮,显示后面的一组(三个)图片.初始化只显示next按钮,到最后一组只显示pre按钮,中间过程两按钮都显示.2.html结构分析 <div class="activity" id="activity-slide"> <a href=&q

JQuery实现的按钮倒计时效果_jquery

本文实例讲述了JQuery实现的按钮倒计时效果.分享给大家供大家参考,具体如下: 一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下: <html> <head> <title>test count down button</title> <script src="jquery1.8.3.min.js" type="text/javascript"></script&g