便利eelife Java Script

   戻る

画面上にメッセージを一行単位で1文字づつ表示します。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<DIV id="Lyid" style="position:absolute;
z-index : 1;
top : 20px;
left : 152px;visibility : visible;"></DIV>
<FORM><INPUT type="button" name="botan" value="スタート" onclick="Loopmsg()"></FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
joint = "";
var i = 0, v = 0;  // iは配列 msg[]のカウンタ変数
msg = new Array();  // vは文字列 msg[i]の文字数のカウンタ変数
clr = new Array('lime','teal','blue','fuchsia','#000000','red');

msg[0] = " ようこそ eelifeへ!!      ";
msg[1] = " 検索と厳選リンク集のサイトです。   ";
msg[2] = " 一つの検索窓でたくさんの、 ";
msg[3] = " サイトの検索を行うことができます。    ";
msg[4]= " 色に関することはColor Roomで   ";
msg[5]= " 色や文字に関連するJavaScript集もあります。 ";

function Loopmsg() {
txt =joint+ msg[i].substring(0,v);
document.all["Lyid"].innerHTML ="<B><font color=" + clr[i] + ">"+ txt+"</font>";
//document.all["Lyid1"].innerHTML ="<B><font color=" + clr[i] + ">"+ txt+"</font>";
if (v< msg[i].length){
v++;
if (v== msg[i].length){
i++;v=0;
joint=txt+"<br>";
}
if (i== msg.length) { // msg.lengthは配列の数
i=0;joint="";}
setTimeout("Loopmsg()", 100); // setTimeout(処理関数, 時間間隔) : タイマーを設定します。
}
}

// -->
</SCRIPT>
コメント
こちらを参照