設定されたクリック数でsetInterval（）が増加するのを防ぎます

Question

私はタイマーが私のために自動クリックするチッカーゲームを構築しています。ボタンをクリックするたびにタイマーの速度を上げたいが、ボタンを5回クリックするとタイマーのスピードが上がらないようにする。

var total = 0; 
var itemValue = 0; 

var autoClick = function() { 
    if(itemValue <= 5) { 
     total = total + itemValue; 
    } 
}; 

$("#button").click(function() { 
    itemValue++; 
    setInterval(autoClick, 1000); 
}); 

任意の提案：

これは私がこれまでに出ている何ですか？

Answer 1

したがって、毎秒x値でtotalを増やしたいとします。
x「スピードを上げる」ボタンをクリックすると...
私はそれを得ましたか？

一致間隔を防ぐには、以前の間隔をクリアする必要があります。

var total = 0; 
 
    var itemValue = 0; 
 
    var myInterval; 
 

 
    var autoClick = function() { 
 
     total = total + itemValue; 
 
     console.log(total); 
 
    }; 
 

 
    $("#button").click(function() { 
 
     if(itemValue <= 4) { 
 
      // Increase... 
 
      itemValue++; 
 
      // Prevents multiple intervals. 
 
      clearInterval(myInterval); 
 
      myInterval = setInterval(autoClick, 1000/itemValue); 
 
      console.log("Increasing by "+itemValue+" now..."); 
 
     }else{ 
 
      console.log("Hey! By "+itemValue+" is way enought!"); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<button id="button">Increase speed!</button>