1

我正在用 JavaScript 制作蛇游戏，所以如果我按下箭头键，“蛇头”应该会继续朝那个方向移动。

我第一次按下一个键时它做得很好，但在那之后头部移动得越来越快。

所以我想要的是每 100 毫秒移动一次头部的东西。如果你不明白我的意思，那么看看这个页面：http ://www.dbzweb.be/08/braetj08/snake.html

那么，有人可以告诉我如何更改我的代码以使其保持以相同的速度运行吗？

function init_game() {
    if ((event ? event.keyCode : down) == (event ? 40 : 1)) /*down*/
    {
        if ((snakehead + z) < z * z) {
            right = 0;
            left = 0;
            up = 0;
            down = 1;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gamebox";
            snakehead = snakehead + z;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gameboxsnake";
        } else {
            document.write("<h1>game over!</h1> press this button to try again.<br><input     type='button' value='retry'     onclick='window.open(\"http://www.dbzweb.be/08/braetj08/snake.html\",\"_self\")'>");
        }
    }
    if ((event ? event.keyCode : up) == (event ? 38 : 1)) /*up*/
    {
        if ((snakehead - z) > -1) {
            right = 0;
            left = 0;
            up = 1;
            down = 0;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gamebox";
            snakehead = snakehead - z;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gameboxsnake";
        } else {
            document.write("<h1>game over!</h1> press this button to try again.<br><input    type='button' value='retry'    onclick='window.open(\"http://www.dbzweb.be/08/braetj08/snake.html\",\"_self\")'>");
        }
    }
    if ((event ? event.keyCode : right) == (event ? 39 : 1)) /*right*/
    {
        if ((snakehead + 1) % z !== 0) {
            right = 1;
            left = 0;
            up = 0;
            down = 0;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gamebox";
            snakehead = snakehead + 1;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gameboxsnake";
        } else {
            document.write("<h1>game over!</h1> press this button to try again.<br><input     type='button' value='retry'   onclick='window.open(\"http://www.dbzweb.be/08/braetj08/snake.html\",\"_self\")'>");
        }
    }
    if ((event ? event.keyCode : left) == (event ? 37 : 1)) /*left*/
    {
        if (snakehead % z !== 0) {
            right = 0;
            left = 1;
            up = 0;
            down = 0;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gamebox";
            snakehead = snakehead - 1;
            document.getElementsByClassName(snakehead, "div", document)[0].id = "gameboxsnake";
        } else {
            document.write("<h1>game over!</h1> press this button to try again.<br><input   type='button' value='retry' onclick='window.open(\"http://www.dbzweb.be/08/braetj08/snake.html\",\"_self\")'>");
        }
    }
    t = 0;
    t = setTimeout("init_game()", 100);
}
4

1 回答 1

3 
t = 0;
t = setTimeout("init_game()", 100);

这并不像你认为的那样。这会将变量设置t为 0（这不会清除超时），然后立即将其设置为timeoutID从setTimeout.

蛇正在加速，因为每次按下一个键都会init_game再次运行，从而增加了再次运行所有调用的超时量init_game。

尝试更改t = 0;为clearTimeout(t). 不过，您需要t在代码之前声明（添加var t;到顶部）。

另外，不要将字符串传递给setTimeout，它使用eval. 传递函数。

clearTimeout(t);
t = setTimeout(init_game, 100);

注意：document.write("<h1>game over!</h1>你应该添加return;停止init_game循环（并打印无限的“游戏结束！”消息）。

演示：http: //jsfiddle.net/T5kPg/1/

于 2012-05-16T20:51:33.840 回答