javascript - javascript中的函数链

Question

我在 html5 中旋转 Canvas 。旋转完成后我暗示条件语句但是在旋转动画开始时检查条件，我应该如何链接条件语句(如果(错误= =3){......}) 在 Rotate(arg2) 函数之后。 这是我的代码:

Rotate(arg2);

if (wrong == 3) {
    WinJS.Navigation.navigate("pages/gameOver/gameOver.html");
}

function Rotate(arg) {

    rotateInterval = setInterval(function () {
        arg.save();
        arg.clearRect(-100,-100, arg.canvas.width, arg.canvas.height);


        if (flag2 == false) ang += 5;
        else ang -= 5;


        arg.rotate(ang * Math.PI / 180);

        if (ang == 180) flag2 = true;

        if (flag2 == true && ang == 0) {
            clearInterval(rotateInterval)
            flag2 = false;
        }

        arg.drawImage(bowl, -90, -90, 180, 180);
        arg.restore();

    }, 10);

}

Answer 1

在调用 setInterval() 之后，函数 Rotate() 将在您的间隔函数参数实际执行之前立即返回。您需要在 rotate() 函数结束时在 setInterval() 函数参数中检查您的条件。