電光掲示板風メーセージ表示(setInterval, length, substring)
<html> <head> <title>電光掲示板</title> <script language="JavaScript"> <!-- //表示メッセージの配列 msgA = new Array( "私のホームページへ ようこそ!!", "○月○日 訪問者が 100000人 を超えました。", "○月○日 ホームページをリニューアルしました。" ); i = 0; j = 0; k = 0; l = 0; t1 = 100; //タイマー(ミリ秒) t2 = 3 * 1000; //メッセージ静止時間(ミリ秒) msg = ""; function ms() { //メッセージ表示 if(msg.length > i || j != 0) { if(++i > msgA[k].length) { i = msgA[k].length; if(++l >= t2 / t1 / 2) { if(++j > msgA[k].length) { if(++k >= msgA.length) { k = 0; } i = 0; j = 0; l = 0; } } } msg = msgA[k].substring(j, i); } else { msg += "_"; } document.form1.text1.value = msg; } function tm() { //タイマーセット tm = setInterval("ms()", t1); } //--> </script> </head> <body onLoad="tm()"> <form name="form1" action="" method="" style="text-align:center"> <input type="text" name="text1" readonly style="width:90%;color:#fff;font-size:15px;font-weight:bolder;border:none;background:#933"> </form> </body> </html>
〔 実行する 〕