例子:倒计时按钮可用

<div style="width:500px; height:500px; margin:100px 0px 0px 100px">

<input id="btn" type="submit" value="确定" style="width:100px; height:35px" disabled="disabled" />

<span id="daojishi">10</span>

<div style="margin-top:20px">  

  <span id="h"></span>    

  <span id="m"></span>    

  <span id="s"></span> </div>

</div>

 

 

<script type="text/javascript">

window.setTimeout("YanChi()",1000);

function YanChi()

{  

  var span = document.getElementById("daojishi");    

  //改变span里面的值  

  span.innerText = span.innerText-1;    

  //判断是否减到了0

   if(span.innerText == 0)

   {   

    document.getElementById("btn").removeAttribute("disabled");   

    return;

   }  

   window.setTimeout("YanChi()",1000);  

}

window.setInterval("Bian()",1000);

 

 

function Bian()

{  

  var sj = new Date();      

  document.getElementById("h").innerText = sj.getHours();  

  document.getElementById("m").innerText = sj.getMinutes();  

  document.getElementById("s").innerText = sj.getSeconds();  

}

</script>

posted @ 2016-09-26 14:11  带你疯  阅读(305)  评论(0编辑  收藏  举报