论坛首页 Web前端技术论坛

禁用button N秒钟

浏览 3120 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-07-29  
Method one:
<script type="text/javascript">
var n = 0;
var intervalID; 
function setEnable(){
    n++;
    if(n==5){
        btn.disabled = false;
  // 有时稍后
  clearInterval(intervalID);
    }else{
        btn.value = "我同意("+(5-n)+ ")"; 
    }
}
intervalID = window.setInterval("setEnable()",1000);
</script>
<input type="button" id="btn" name="btn" value="Button" disabled="disabled" />
Method two:
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    function Show(){
        var obj = document.getElementsByTagName('INPUT');
        for(var i=0;i<obj.length;i++){
            if(obj[i].type == "button"){
                obj[i].disabled = false;
            }
        }
    }
    window.setTimeout("Show()",5000);
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  <INPUT TYPE="button" value="button1" disabled="true">
  <INPUT TYPE="button" value="button2" disabled="true">
  <INPUT TYPE="button" value="button3" disabled="true">
  <INPUT TYPE="button" value="button4" disabled="true">
  <INPUT TYPE="button" value="button5" disabled="true">
  <INPUT TYPE="button" value="button6" disabled="true">
  <INPUT TYPE="button" value="button7" disabled="true">
  <INPUT TYPE="button" value="button8" disabled="true">
  <INPUT TYPE="text" NAME="" value="文本框">
 </BODY>
</HTML>

 

<input name="agree" disabled="disabled" type="submit" id="agree" value="我同意" class="sbutton" />
                     
<input name="button" type="button" class="button"  style="cursor:hand;" onclick="window.location.href='index.jsp'" value="不同意 " />
<input name="action" type="hidden" id="action" value="apply" />
<script type="text/javascript">
      var secs = 6;
      var wait = secs * 1000;
      document.getElementById("agree").value = "同 意(" + secs + ")";
      document.getElementById("agree").disabled = true;
      for(i = 1; i <= secs; i++){
               window.setTimeout("update(" + i + ")", i * 1000);
      }
      window.setTimeout("timer()", wait);
      function update(num, value) {
            if(num == (wait/1000)){
                   document.getElementById("agree").value = "同 意";
             } else{
                    printnr = (wait / 1000) - num;
                    document.getElementById("agree").value = "同 意(" + printnr + ")";
            }
      }
       function timer(){
             document.getElementById("agree").disabled = false;
             document.getElementById("agree").value = "同   意";
      }
</script>

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics