添加按钮以更改值

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;
    });

我设定了速度限制，但那些不必存在。