javascript - javascriptでクリアインターバル

Question

間隔のあるアニメーションを作成しました。これは私のスクリプトです：

var count = 0;
var countSecond = -40;
function arrowAnimation() {
    if (count > 40) {
        clearInterval();
    }
    $('.list-what-we-do .arrow').css({
        top: (count++) + 'px'
    });
}
function arrowAnimationSecond() {
    if (countSecond > 0) {
        clearInterval();
    }
    $('.list-what-we-do .arrow').css({
        right: (countSecond++) + 'px'
    });
}

setInterval(arrowAnimation, 5);
setInterval(arrowAnimationSecond, 5);

今私の質問。間隔を停止するにはどうすればよいですか。clearInterval を使用しました。しかし、それは機能していません。どうすればこれを修正できますか? 助けてくれてありがとう！

Answer 1

setIntervalまたはsetTimeout戻り値が参照である場合。clearIntervalキャンセルするには、この参照を に渡します。

var foo = setTimeout(...);
clearTimeout(foo);

Answer 2

メソッドの戻り値をsetInterval変数に代入する必要があります

その後、後で使用してクリアできますclearInterval

var count = 0;
var countSecond = -40;

var interval = setInterval(arrowAnimation, 5);
var secondInterval = setInterval(arrowAnimationSecond, 5);

function arrowAnimation() {
    if (count > 40) {
        clearInterval(interval);
    }
    $('.list-what-we-do .arrow').css({
        top: (count++) + 'px'
    });
}
function arrowAnimationSecond() {
    if (countSecond > 0) {
        clearInterval(secondInterval);
    }
    $('.list-what-we-do .arrow').css({
        right: (countSecond++) + 'px'
    });
}