チェックボックスをオフにした場合

Question

私がチェックボックスをオンにしようとすると、タイミングイベントがチェックされ、未チェックの場合は停止します。これはチェックされているときに機能しますが、チェックを外すと機能が再開し、変数はただちに高速化します。

Live

JSコード

var money = 0; 

function moneyMaker(){ 
    money++; 
    document.getElementById('money').innerHTML = money; 
} 

function doautoMoney(){ 
    window.setInterval(function(){ 

     moneyMaker(); 
     document.form.automoney.click(); 
     //alert('Auto Saved!'); 
    }, 1000); 
} 

Answer 1

チェックボックスをオフの場合にclearInterval()、代わりのonclick使用onchangeを使用して未確認に間隔。

var money = 0; 
 

 
function moneyMaker() { 
 
    money++; 
 
    document.getElementById('money').innerHTML = money; 
 
} 
 
var int; 
 

 
function doautoMoney(chk) { 
 
    if (chk) 
 
    // store the interval reference for clearing the interval 
 
    int = window.setInterval(function() { 
 
     moneyMaker(); 
 
     //document.form.automoney.click(); 
 
     //alert('Auto Saved!'); 
 
    }, 1000); 
 
    else 
 
    clearInterval(int) 
 
}

Money: <span id="money">0</span> 
 
<p> 
 
    <button onclick="moneyMaker(1)">Mine Iron!</button> 
 
    <input type="checkbox" name="automoney" onchange="doautoMoney(this.checked);">