Question

我需要帮助为下面的计数添加一个停止和重置按钮，这样它才会启动，直到你按下开始，它不会重置，除非你按下重置，也停止按钮会很好！谢谢！因为你看到我没有工作的按钮。感谢

<html>
<head>

<title>Untitled Document</title>
</head>
<script>

var timer;


function startCount()
{
timer = setInterval(count,1);
}
function count()
{
var el = document.getElementById('counter');
var currentNumber = parseFloat(el.innerHTML);
el.innerHTML = currentNumber+0.00000003831417624521;

}
</script>
<body onload="startCount();">



<div id="counter">0</div>

<input type="button" value="reset" id="reset" />
<input type="button" value="start" id="start" />
</body>
</html>

Answer 1

这个怎么样？

 <script>

 var timer;
 var stop;

 function startCount()
 {
      stop = false;
      timer = setInterval(count,1);
 }
 function stopCount()
 {
      stop = true;
 }
 function count()
 {
      if(stop == false)
          {
           var el = document.getElementById('counter');
           var currentNumber = parseFloat(el.innerHTML);
           el.innerHTML = currentNumber+0.00000003831417624521;
      }
 }
 </script>
 </head>
 <body>

 <div id="counter">0</div>

 <input type="button" value="reset" id="reset" onclick="document.getElementById('counter').innerHTML = 0;" />
 <input type="button" value="start" id="start" onclick="startCount();" />
 <input type="button" value="stop" id="stop" onclick="stopCount();" />
 </body>
 </html>

编辑 - 现在包含停止功能

注意 - 我已将<script>移至<head> - 所有内容应位于头部或身体内。

Answer 2

function stopCount() {
    clearInterval(timer);
}

function resetCount() {
    document.getElementById('counter').innerHtml = 0;
}

使用jQuery将事件监听器附加到某个html元素，或者如果你不会变得足够复杂，只需将它们粘贴在SimonMayer推荐的onclick属性中。

如何将Javascript“停止”和“重置”按钮添加到以下内容：

2 个答案: