jquery倒计时，ASP.NET页面倒计时，注册按钮倒计时
[html] view plaincopy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title>10之后注册</title>  
  5.     <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>  
  6.     <script type="text/javascript" language="javascript">  
  7.         var leftSeconds = 10;//倒计时时间10秒  
  8.         var intervalId;  
  9.         $(function () {  
  10.             $("#btn_reg").attr("disabled", true);//设置按钮不可用  
  11.             intervalId = setInterval("CountDown()",1000);//调用倒计时的方法  
  12.         });  
  13.         function CountDown() {//倒计时方法  
  14.             if (leftSeconds <= 0) {  
  15.                 $("#btn_reg").val("注册"); //当时间<=0的时候改变按钮的value  
  16.                 $("#btn_reg").attr("disabled",false);//如果时间<=0的时候按钮可用  
  17.                 clearInterval(intervalId); //取消由 setInterval() 设置的 timeout  
  18.                 return;  
  19.             }  
  20.             leftSeconds--;  
  21.             $("#btn_reg").val("请仔细阅读"+leftSeconds+"秒");  
  22.         }  
  23.     </script>  
  24. </head>  
  25. <body>  
  26. <textarea cols="20" rows="8">10秒之后注册按钮才可以使用</textarea>  
  27. <input type="button" value="注册" id="btn_reg" />  
  28. </body>  
  29. </html>  
 posted on 2012-07-14 14:23  纳米程序员  阅读(2007)  评论(0)  编辑  收藏  举报