为什么我这个程序写出来并不会计数?

来源:8-6 取消计时器clearTimeout()

慕粉4296528

2017-02-26 12:37

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>

<script type="text/javascript">

  var num=0;

  var i;

  function startCount(){

    document.getElementById('count').value=num;

    num=num+1;

    i=setTimeout("startCount()",1000);

  }

  function stopCount(){

  clearTimeout(i);

  }

  function overs(

 setTimeout("startCount()",1000); ){

      var d=document.getElementById('count');

      d.style.backgroundColor="#000";

      d.style.color="#00ff00";

  }

  function outs(){

       var d=document.getElementById('count');

      d.style.backgroundColor="pink";

      d.style.color="black";

  }

</script>

</head>

<body>

  <form>

    <input type="text" id="count" />

    <input type="button" value="Start" onclick="startCount()" onmouseout="outs()" onmouseover="overs()"/>

    <input type="button" value="Stop"   onclick="stopCount()" onmouseout="outs()" onmouseover="overs()" />

  </form>

</body>

</html>


写回答 关注

3回答

  • 金风玉露亦相逢
    2017-02-27 17:26:57
      function overs(){
            var d=document.getElementById('count');
            d.style.backgroundColor="#000";
            d.style.color="#00ff00";
      }

    你这个方法写错了

    慕粉4296...

    ok.

    2017-03-02 20:55:41

    共 1 条回复 >

  • 慕粉1052376797
    2017-02-26 14:25:14
    写错了 别看我写的...
  • 慕粉1052376797
    2017-02-26 14:19:41

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>计时器</title>

    <script type="text/javascript">

      var num=0;

      function startCount(){

        document.getElementById('count').value=num;

        num=num+1;

        setTimeout("startCount()",1000);

      }

      i=setTimeout("startCount()",1000);

      

      function stopCount(){

      clearTimeout(i);

      }

      

      function overs(

     ){

          var d=document.getElementById('count');

          d.style.backgroundColor="#000";

          d.style.color="#00ff00";

      }

      

      function outs(){

           var d=document.getElementById('count');

          d.style.backgroundColor="pink";

          d.style.color="black";

      }

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="count" />

        <input type="button" value="Start" onclick="startCount()" onmouseout="outs()" onmouseover="overs()"/>

        <input type="button" value="Stop"   onclick="stopCount()" onmouseout="outs()" onmouseover="overs()" />

      </form>

    </body>

    </html>


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

469329 学习 · 22585 问题

查看课程

相似问题