便利eelife Java Script

   戻る

一定時間ごとにメッセージと色を切り替えます



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="Loopmsg()">
<P>一定時間ごとにメッセージと色を切り替えます。</P>
<FORM name="myForm">
<TABLE border="0">
<TBODY>
<TR>
<TD>
<INPUT size="50" name="tbox" type="text">
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</BODY>

<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
clrs = new Array('lime','teal','blue','fuchsia','#000000','red');  // 色の配列

var i = 0, v = 0;
msg = new Array();

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

function Loopmsg() {
if (v < 50) {
v++; // vは繰り返し回数、msg.lengthは配列の数
if (i < msg.length) {
document.myForm.tbox.value = msg[i];
document.myForm.tbox.style.color = clrs[i];

i++;
if (i == msg.length) {
i = 0;
}
setTimeout("Loopmsg()", 2000); //メッセージの変わる速度(単位は千分の一秒)
}
}
}

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