zoukankan      html  css  js  c++  java
  • 例子:倒计时按钮可用

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

    <input id="btn" type="submit" value="确定" style="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>

  • 相关阅读:
    JavaScript高级第01天笔记
    JavaScript基础第06天笔记
    JavaScript基础第05天笔记
    JavaScript基础第04天笔记
    JavaScript基础第03天笔记
    JavaScript基础第02天笔记
    JavaScript基础第01天笔记
    03-CSS文字文本样式
    CSS第二天笔记
    浮动
  • 原文地址:https://www.cnblogs.com/l5580/p/5909030.html
Copyright © 2011-2022 走看看