源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-04-28 17:50 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Jquery倒数计时按钮setTimeout的实例代码
[u]复制代码[/u] 代码如下:
<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预设只执行一次,但我们可以用递归,是它自己启动自己。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部