javascript - 当变量设置为 true 时如何清除计时器？

Question

我只是在尝试一些 JS 动画，我已经为一个在边界内移动的盒子设置了动画，但我希望动画在盒子碰到其中一个边界时停止。这是我使用的功能之一:

function AnimMoveRight() {
    var interval = setInterval("moveRight(10)", 40);
    if (hitRight == true) {
        clearInterval(interval);
    }
}

moveRight(10) 将框的位置向右移动 10 个像素。 hitRight 当框到达右边界时设置为真。嗯，显然，这段代码不起作用，它只是不断循环 moveRight() 函数。现在，我的问题是，如何从 AnimMoveRight() 函数中取消间隔？

Answer 1

function AnimMoveRight() {
    var interval;
    function fnc(){
        if (hitRight == true) {
            window.clearInterval(interval);
        }
        else{
            moveRight(10);
        }
    }
    interval = setInterval(fnc, 40);
}