Javascript 添加按钮以更改值

Javascript 添加按钮以更改值,javascript,html,css,setinterval,init,Javascript,Html,Css,Setinterval,Init,我正在做一项作业,并按照教程制作了一个蛇游戏。我希望通过使用两个按钮来改变游戏值100的速度,一个用于增加值,另一个用于减少值100 //To move the snake //every 100ms if(typeof game_loop != "undefined") clearInterval(game_loop); game_loop = setInterval(paint, 100); } init(); 谢谢。将100更改为全局变量 var refresh = 100;

我正在做一项作业,并按照教程制作了一个蛇游戏。我希望通过使用两个按钮来改变游戏值100的速度,一个用于增加值,另一个用于减少值100

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

谢谢。

将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;
    });
$(“#按钮_更快”)。在(“单击”,函数(){
如果(刷新>0)刷新-=10;
});
$(“#按钮”)。在(“单击”,函数(){
如果(刷新<10000)刷新+=10;
});

我为速度设置了限制,但这些限制不一定存在。

到目前为止您尝试了什么?请详细说明您的整个速度实施过程以及您的问题所在