【JavaScript】setInterval使用時にclearIntervalが止まらない時の対象法

2020年5月3日2022年7月18日JavaScript

みなさんこんにちは！
カミ@god48_です。

今回はJavaScriptのsetInterval使用時にclearIntervalが止まらない時の対象方法の紹介です。

この記事でわかること

setInterval使用時にclearIntervalで止める方法

setIntervalを使い繰り返し処理を行うと、タイマーが止まらないことがあります。
その時の止め方についての記事です。

1. clearInterval
2. clearIntervalで処理を止める方法
3. clearintervalが止まらない場合のまとめ

clearInterval

clearIntervalとは、JavaScriptで一定間隔ごとに実行する処理を止める音ができるメソッドになります。

clearIntervalで処理を止める方法

配列にタイマー時の処理を格納していきます。
任意の処理が実行された時にタイマーを止めるためには、「clearIntervalの引数に配列とshift()」で配列内の繰り返しの処理を止めることができます。

clearInterva_example() {
    var timerArray = new Array();
        timerArray.push(setInterval(function() {
        //処理
        }, 1000))
}
//タイマーを止める
clearInterval(timerArray.shift());

実行処理の内容によっては、タイマーが止まらないこともあるのでその際はpromiseで実行処理のタイミングをしっかりとコントロールしましょう。

clearInterva_example() {
    const promise = new Promise((resolve) => {
        var timerArray = new Array();
        timerArray.push(setInterval(function() {
            if (条件) {
                //処理
            resolve();
            } else {
                //処理
            }
        }, 1000));
    });
    promise.then(() => {
        //タイマーを止める
        clearInterval(timerArray.shift());
    });
};

スポンサードサーチ

clearintervalが止まらない場合のまとめ

clearintervalが止まらない時のまとめです

タイマー時の処理を配列に格納する
タイマーを止めたい時にclearInterval()の引数に配列.shift()を行う

プログラミングを始めたい方や、独学で進めてなかなか進まないなど、プログラミングは悩みが付き物です。
正直、プログラミングは実務的に行わないと成長はしません。
もし、プログラミングをまだ始めていない方や、今後の報告で悩んでいる方は無料相談を行っているので、是非一度お問合せください。
悩んでもしょうがないので、無料相談後に選択肢を増やしたり、今後の方向性を定めることをおすすめします。

JavaScriptJavaScript

Posted by kami

【5分で完成】EWWW Image Optimizerの設定と使い方

【JavaScript】setTimeoutとsetintervalで実行処理のタイミングをタイマーで操る