2つの機能を持つ1つのボタン

Question

ボタンを押すとカウントを開始し、もう一度押すとカウントを停止します。私は1つのボタンonclickイベントで2つの機能を動作させることを知っています、それは ";"とは別です。なにか提案を？このコードは、1つの関数に対してそれぞれ2つのボタンでうまく機能します。 ありがとうございます。

var c=0; 
var t; 
var timer_is_on=0; 

function timedCount() 
{ 
document.getElementById('txt').value=c; 
c=c+1; 
t=setTimeout("timedCount()",1000); 
} 

function doTimer() 
{ 
if (!timer_is_on) 
{ 
timer_is_on=1; 
timedCount(); 
} 
} 

function stopCount() 
{ 
clearTimeout(t); 
timer_is_on=0; 
} 

Answer 1

ここには、私のテストされていない解決策があります。

まず、<form>と</form>というタグを取り除くことができると思います。

第二に、あなたはタイマーを変更する、それが参考にあなたの変数に意味のある名前だけでなく、cまたはt

サードを与えることを見つけるかもしれブールの上にある：var timer_is_on = false;

Fouthこれにボタンを変更します。<input type="button" value="Start count!" onclick="doTimer();" />を

第五は、これであなたのコードを置き換える：

function doTimer(){ 

    if(timer_is_on){ 

    // Code to start the timer 
    // and any other code you want 

    timer_is_on = false; 

    }else{ 

    // Code to stop the timer 
    // and any other code you want 

    timer_is_on = true; 

    } 

} 

Answer 2

どのようにこのようなものについて：

onclick="handleClick();" 

そして、あなたのJS：すぐに次々に呼び出します

function handleClick() { 
    if (timer_is_on) { 
    timer_is_on = false; 
    clearTimeout(t); 
    } else { 
    timer_is_on = true; 
    timedCount(); 
    } 
} 

Answer 3

、JavaScriptコード

<form> 
<input type="button" value="Start count!" onclick="doTimer();stopCount();" /> 
</form> 

それは意味をなさない。

単一の関数を使用して、フラグの値を確認し、適切な処理を実行します。