一定の時間間隔で文章を入れ替えて表示する

 サンプルは、10個のメッセージを一定時間で入れ替えて表示しています。


<div style="background: #FFFFFF; border: 5px double #99FF00; padding: 10px;">

    <script type="text/JavaScript">

//<![CDATA[

    <!--

    msg="<1番目のメッセージ>,<2番目のメッセージ>,<3番目のメッセージ>,<4番目のメッセージ>,<5番目のメッセージ>,<6番目のメッセージ>,<7番目のメッセージ>,<8番目のメッセージ>,<9番目のメッセージ>,<10番目のメッセージ>";

    msgs=msg.split(",");

    i=0;

    function changeMsg(){

    if(i > msgs.length-1){

    i=0;

    }

    document.getElementById("msgid3").innerHTML=msgs[i++];

    setTimeout("changeMsg()",5000);

    }

    //-->

    //]]>

    </script>

    <div id="msgid3" style="FONT-SIZE: 15px; COLOR: #FF6600">

    </div>

    <script type="text/JavaScript">

//<![CDATA[

    <!--

    changeMsg();

    //-->

    //]]>

    </script>

</div>

setTimeout("changeMsg()",5000); の数値を変更すれば、切り替え時間を変更出来ます。

数値を小さくすれば早く、大きくすれば遅く出来ます・

 * 参考にしたサイトは、 こちら です。