時間6■フェードで時間差表示 divランダム    最終修正日 : 2017/06/11

■最初のdivのバナー画像だけ見本でリンクが付いています。■
■バナー画像は見本なので、該当サイトの本物のバナーではありません。■
―2016/04/15 完全バージョンになりました!―


説明文

説明文

説明文

説明文

説明文

説明文
説明文
説明文
説明文
説明文
説明文
説明文
●2017/06/11:即時関数で囲んで、グローバル変数を消しました。
2017/06/11:Firefoxでf12キーでチェックするとコンソールでエラー発生するので修正。

■フェードで指定順に表示されるJavaScriptはこちら → 時間1■フェードで時間差表示 id

上記を改造しました。
時間差のフェードインで、次々に「divの画像と文章」が表示されるJavaScriptです。
改造元との違いは、フェードで表示される要素指定が、「id」ではなく「div」であるところです。
「id="boxD"」を指定した領域に記述した「div」は、全部フェードイン表示になります。
表示の順番は、ランダムです。

ただし不完全で表示速度が均等ではありません。表示速度を速くすることで、ごまかしています(笑)。
2016/04/15:完全バージョンになりました!
inamenaiの日記を参考に、getElementsByTagName("div")を配列に置き換え、表示済みを重複させないことで表示速度を均等にしました。

■divが HTML の記述順に表示されるJavaScriptはこちら → 時間5■フェードで時間差表示 div