添加按鈕來改變值

Question

我正在做一項任務，並遵循教程來構建一個蛇遊戲。我想用2個按鈕一個用於保值增值，另一個減少值100來改變遊戲價值100的速度..

//To move the snake 
//every 100ms 
if(typeof game_loop != "undefined") clearInterval(game_loop); 
    game_loop = setInterval(paint, 100); 
} 
init(); 

謝謝。

Answer 1

將100更改爲全局變量。

var refresh = 100; 

，並替換在setInterval的100爲您的新的變量

setInterval(paint, refresh); 

創建兩個HTML按鈕

<button id="button_faster">Faster</button> 
<button id="button_slower">Slower</button> 

然後一些JavaScript/jQuery來使按鈕改變刷新速度

$("#button_faster").on("click", function(){ 
    if(refresh > 0) refresh -= 10; 
}); 

$("#button_slower").on("click", function(){ 
     if(refresh < 10000) refresh += 10; 
    }); 

我爲速度設置了限制，但那些不必在那裏。