0

所以我试图用 Javascript 模拟那个基于记忆的旧游戏 Simon。

我目前正在尝试让“西蒙”生成要“播放”的随机命令（点亮一个 div，并播放音频）。我编写了一个函数，该函数将命令列表/数组作为输入，Simon 在每个命令播放之间使用 1 秒播放setInterval。

function go_simon(simon_array) {

    var counter = 0;
    var interval = setInterval( function() {

        var current_val = parseInt(simon_array[counter]);
        switch (current_val) {
            case 1:
                TL_lightOn();
                var interval_1 = setTimeout( function() { TL_lightOff() }, 600);
                break;
            case 2:
                BL_lightOn();
                var interval_2 = setTimeout( function() { BL_lightOff() }, 600);
                break;
            case 3:
                BR_lightOn();
                var interval_3 = setTimeout( function() { BR_lightOff() }, 600);
                break;
            case 4:
                TR_lightOn();
                var interval_4 = setTimeout( function() { TR_lightOff() }, 600);
                break;
        }
        counter++;
        if (counter >= simon_array.length) 
            clearInterval(interval);

    }, 1000);
}

我将这个函数放置在一个do-while循环中，该循环用作主游戏循环，其中生成一个随机命令并将其附加到正在进行的命令列表中，并调用“go-simon”函数来播放当前的命令列表.

我原本打算让每个循环迭代包括：

 •Generate random command (1-4)
 •Append to running array of commands
 •Playback array of commands over time duration - # of commands * seconds

相反， loop... 循环而不执行 go_simon 函数超过多少秒。我将循环限制为 10 次迭代，alert()每次迭代都有一次。这导致警报被快速连续调用 10 次，最后 go_simon() 仅被调用一次，播放填充了 10 个命令的数组。

do {
    // create int 1-4 and append to global array
    generate_value();

    alert(simon_array);
    go_simon(simon_array);

    if (simon_array.length >= 10) {
            alert(simon_array);
        condition = false;
    }
} while (condition);

关于如何让这个do-while循环让 go_simon 函数为每次迭代正确执行的任何建议？

非常感谢

4

1 回答 1

1

你必须go_simon让你知道它什么时候完成，因为它是异步工​​作的。只有这样，您才应该生成一个新值并再次调用它（可能在一定延迟之后）。

您可以通过使函数接受回调来做到这一点，在您清除间隔时调用：

function go_simon(simon_array, callback) {

    var counter = 0;
    var interval = setInterval( function() {

        var current_val = parseInt(simon_array[counter]);
        switch (current_val) {
            case 1:
                TL_lightOn();
                var interval_1 = setTimeout( function() { TL_lightOff() }, 600);
                break;
            case 2:
                BL_lightOn();
                var interval_2 = setTimeout( function() { BL_lightOff() }, 600);
                break;
            case 3:
                BR_lightOn();
                var interval_3 = setTimeout( function() { BR_lightOff() }, 600);
                break;
            case 4:
                TR_lightOn();
                var interval_4 = setTimeout( function() { TR_lightOff() }, 600);
                break;
        }
        counter++;
        if (counter >= simon_array.length) {
            clearInterval(interval);
            callback();
        ;

    }, 1000);
}

不要使用同步循环，让函数从回调中再次调用，直到满足条件：

function run(){
    generate_value();
    if (simon_array.length < 10) {
        go_simon(simon_array, run);
    }
}
run();
于 2013-09-25T02:42:57.877 回答