Javascriptの「停止」ボタンと「リセット」ボタンを追加するには

-1

次のカウントアップのために停止ボタンとリセットボタンを追加すると助けが必要です。開始ボタンを押すまで開始しないでください。あなたはリセットを押して、また停止ボタンが良いだろう！ありがとう！あなたがボタンを見るように私は働かないでください。ありがとうございますJavascriptの「停止」ボタンと「リセット」ボタンを追加するには

<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>

出典

2012-02-09 user1200940

この宿題はありますか？ – j08691

いいえ、ただ楽しいことを理解しようとしています。 – user1200940

どうやってですか？

<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>

EDIT - 今ストップ機能

NOTEが含まれて - 私は<head>へ<script>を移動している - すべてのコンテンツは、いずれかの頭や身体の内側でなければなりません。

出典

2012-02-10 00:00:44 SimonMayer

ありがとう！今停止ボタンを追加できますか？ありがとう！ – user1200940

あなたはどの部分で問題がありますか？ ** clearInterval **について知っていますか？ – dyoo

function stopCount() { 
    clearInterval(timer); 
} 

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

そして、いくつかのHTML要素にイベントリスナーをアタッチするjQueryのを使用するか、SimonMayerによって推奨されているように、単にonclickのプロパティでそれらを貼り付け、それを必要とするのに十分な複雑にするつもりはありませんされている場合。

出典

2012-02-10 00:08:18 quodlibetor

Javascriptの「停止」ボタンと「リセット」ボタンを追加するには

答えて

関連する問題