添加按钮以更改值

【问题标题】：Adding Button to change value添加按钮以更改值
【发布时间】：2016-02-21 13:01:38
【问题描述】：

我正在完成一项任务，并按照教程构建了一个蛇游戏。我希望通过使用 2 个按钮来改变游戏值 100 的速度，一个用于增加值，另一个用于减少值 100..

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

谢谢。

【问题讨论】：

到目前为止你做了什么？
请详细说明您的整个速度实施是如何完成的以及您的问题究竟出在哪里

标签： javascript html css setinterval init

【解决方案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;
    });

我设置了速度限制，但不一定要限制。

【讨论】：