clearIntervalの記述方法について

質問

よろしくお願い致します。
jQueryにて「setInterval」を使用して、オープニングムービー（？）のようなものを作りたいと思い、見よう見まねで下記のようなコードを作りました。

取りあえず動作するようになったのですが、繰り返し動作を止めるための「clearInterval」の使い方が分かりません。

この場合、どのようにコードを記述すればよいのでしょうか？
お手数ですが、どうぞご教授下さいますようお願い致します。

$(document).ready(function(){
$("#A").fadeTo(0,0);
$("#B").fadeTo(0,0);
$("#C").fadeTo(0,0);

var timerId1 = setInterval(function(){
$("#A").fadeTo(1000,1);

var timerId2 = setInterval(function(){
$("#B").fadeTo(1000,1);

var timerId3 = setInterval(function(){
$("#C").fadeTo(1000,1);
}, 1000);
}, 1000);
}, 1000);
});

回答No.1

fujillin · ベストアンサー

一度しか実行しないようですので、setIntevalを用いずにsetTimeoutを用いれば止める必要もなくなります。

ちなみにsetIntervalのクリアの方法は、そのidを用いて
　clearInterval(timerId)
です。

ところで、同様の効果を得るためにfadeInがありますのでそちらを利用して、また、callback関数を利用すれば…

$(document).ready(function(){
　$("#A,#B,#C").hide();

　$("#A").fadeIn(1000, function(){
　　$("#B").fadeIn(1000, function(){
　　　$("#C").fadeIn(1000);
　　});
　});

});

でも、同様のことが行なえると思います。（全角空白は半角に）

お礼

ありがとうございます！
setIntervalからsetTimeoutに変えたところ、問題なく動作致しました。
また、fadeInについてもご教授頂き、重ねて御礼申し上げます。
本当にありがとうございました。