如何实现按钮倒计时的效果...

拷贝就OK了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>   
  <INPUT id="SurplusTime" type="text" size="1" name="SurplusTime" value="60">
  <FONT face="宋体">分:</FONT>
  <INPUT id="SecondTime" type="text" size="1" value="00" name="SurplusTime">
  <FONT face="宋体">秒</FONT>
  <input type="button" value="倒计时" onclick="Start();">
</BODY>
</HTML>
<script language="javascript">   
  var   time;   
  var   Min=60;   
  var   Sec=0;   
                  var   flag=false;   
                  function   Start()   
                  {   
  if(Min==-10)   
  {   
  Min=Min+1;   
  Sec=Sec+1;   
  }   
  else   
  {   
  if(flag==false)   
  {   
  Min=document.getElementById("SurplusTime").value;   
  Sec=document.getElementById("SecondTime").value;   
  flag=true;   
  }   
  else   
  {   
  Sec=Sec-1;   
  if(Min==0&&Sec==0)   
  {   
  TimeOver();   
  }   
  else   
  {   
  if(Sec==-1)   
  {   
  Min=Min-1;   
  Sec=59;   
  }   
  }   
  }   
  if(Sec<10)   
  {   
  document.getElementById("SurplusTime").value=Min;   
  document.getElementById("SecondTime").value="0"+Sec;   
  }   
  else   
  {   
  document.getElementById("SurplusTime").value=Min;   
  document.getElementById("SecondTime").value=Sec;   
  }   
    
    }   
    setTimeout("Start()",1000);   
                  }   
  </script>

解决方案 »

  1.   

    按钮倒计时10秒后，变为可用


    <form id="form1" name="form1" method="post" action="">
      
      <input type="submit" name="btnSubmit" id="btnSubmit" value="提交" />
      
    </form> <script language=javascript>

    var n = 10;//计数器
    document.all.btnSubmit.disabled  = true;
    function ShowInfo()
    {
    strInfo = "正在倒计时，请耐心等待...";
    n--;

    if (n <= 0)
    {
    document.all.btnSubmit.value = "提交";
    document.all.btnSubmit.disabled  = false;
    }
    else
    {
    document.all.btnSubmit.value =  strInfo + n +"秒";

    }
    }
    //n = -1;
    window.setInterval(ShowInfo,1000);

    </script>------------------------------------------------
    www.cndigs.com掘客园--发掘、推荐软件开发资源，分享、交流技术开发心得
    asp.net2.0资料
    http://www.cndigs.com/search.php?search=asp.net%202.0&tag=true
    asp.net资料
    http://www.cndigs.com/search.php?search=asp.net&tag=true
    ajax资料
    http://www.cndigs.com/search.php?search=ajax&tag=true
      

  2.   

    复制记事本里，保存为html执行
      

  3.   

    hehe,我也正在找这样的代码，谢谢。