Question

所以我想要一个画布的矩形将颜色从黑色变为黄色，以显示同一部分已收到信息。有两个不同路径的矩形，我希望它们以随机的方式改变颜色。

如果一个矩形为“0”而另一个为“1”，例如，当我按下“开始”按钮时，math.random（）将选择它为1，矩形“1”将改变它的颜色从黑色到黄色。循环将再次发生，如果math.random（）选择它为0，现在它是矩形0将改变它的颜色。依此类推，直到我按下“结束”按钮。

这是我尝试在javascript上写的：

iniciarButton.onclick = function (e) {
    iniciarButton.disabled = true;
    pararButton.disabled = false;
    for (;;) {
        var numAleat = Math.floor(Math.random() * 2);
        if (numAleat === 1) {
            context.fillStyle = "yellow";
            context.fillRect(715,140,10,15);
            context.fillStyle = "black";
            context.fillRect(642,80,15,10);
        } else {
            context.fillStyle = "yellow";
            context.fillRect(642,80,15,10);
            context.fillStyle = "black";
            context.fillRect(715,140,10,15);
        }
        if (iniciarButton.disabled === false) break;
    }
};


pararButton.onclick = function (e) {
    pararButton.disabled = true;
    iniciarButton.disabled = false;
};

问题是它没有像我预期的那样工作。当我按下“开始”按钮时，它进入一个循环，该循环以一个矩形黄色结束，另一个黑色而不是随机闪烁。

Javascript math.random（）在一个带画布的循环中

0 个答案: