相忘于江湖

不抛弃,不放弃... 请给我勇敢，改变可以改变的；请给我坚强，接受不可以改变的；请给我智慧，分辨这两者。
  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
设置倒计时10秒可用的按钮JS函数(转)

方式一:

<input value="同 意" type="submit" name="rulesubmit" />
<script>
    var secs = 9;  
   var wait = secs * 1000;
   document.bbrules.rulesubmit.value = "同 意(" + secs + ")";
   document.bbrules.rulesubmit.disabled = true;
    function update(num) {
             if(num == (wait/1000)) {
       document.bbrules.rulesubmit.value = "同 意";} 
       else {
       var printnr = (wait / 1000) - num;
       document.bbrules.rulesubmit.value = "同 意(" + printnr + ")";}
       }
   function timer() {
       document.bbrules.rulesubmit.disabled = false;
       document.bbrules.rulesubmit.value = "同 意";}    
   for(i = 1; i<= secs; i++) {
   window.setTimeout("update(" + i + ")",i * 1000);
     }
   window.setTimeout("timer()", wait);  
  
   </script>

方式二:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>按钮倒计时</title>

</head>

<body>
<p>
<label><input   type="submit"   name="btnSubmit"   id="btnSubmit"   value="提交"   />  
</label>
</p>

</body>
<script language="javascript">

var n = 10;//计数器  
//document.all.btnSubmit.disabled = true;
    document.getElementById("btnSubmit").disabled = true;
function btnShow()  
{  
   str = "倒计时...";  
   n--;
   if(n <=   0)  
   {  
    document.getElementById("btnSubmit").value = "提交";  
    document.getElementById("btnSubmit").disabled = false;  
   }  
   else  
   {  
    document.getElementById("btnSubmit").value = str + n +"秒";
   }  
}
    window.setInterval(btnShow,1000);  

</script>
</html>


posted on 2011-01-13 10:59  playman0211  阅读(1251)  评论(0)    收藏  举报