<div id="block_message"> <p class="first_row">1行目</p> <p class="second_row">2行目</p> <p class="third_row">3行目</p> <p class="fourth_row">4行目</p> <p class="fifth_row">5行目</p> </div>
という内容をFadeInさせながら表示しています。
$("div#block_message p").hide(); $("div#block_message p.first_row").fadeIn(3000,fip_second); function fip_second(){ $("div#block_message p.second_row").fadeIn(3000,fip_third); } function fip_third(){ $("div#block_message p.third_row").fadeIn(3000,fip_fourth); } function fip_fourth(){ $("div#block_message p.fourth_row").fadeIn(3000,fip_fifth); } function fip_fifth(){ $("div#block_message p.fifth_row").fadeIn(3000); }
1行目から表示を開始して、5行目の表示を終了した段階で、いったん全部を消して
再度1行目から表示をして5行目まで同様に表示する・・・という処理を繰り返したいのですが、setIntervalを使ったところ、いびつな挙動をしてしまい、思ったような動きが実現できません。
どのようにしたらよいでしょうか?
教えて頂ければ幸いです。
宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/03 05:26