便利eelife Java Script

   戻る

テーブルの文字列の色をリアル タイムに変更します。
テーブルの 文字列の 色をリアル タイムに 変更します。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="act()">
<TABLE>
<TBODY>
<TR>
<TD id="link0"><B>テーブルの</B></TD>
<TD id="link1"><B>文字列の</B></TD>
<TD id="link2"><B>色をリアル</B></TD>
<TD id="link3"><B>タイムに</B></TD>
<TD id="link4"><B>変更します。</B></TD>
</TR>
</TBODY>
</TABLE>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
ID_suu=5;  // テーブルの各セルに付けたID名の数です。この場合は5
i=0;         // 色を変える為の変数
v=0;        // ID名を得る為の変数
clrs = new Array('lime','maroon','blue','fuchsia','yellow','red','aqua');
            // 色を格納するための配列

function act(){
v = Math.floor(Math.random()*ID_suu); // 乱数の発生0〜5(ID名の数)まで
i = Math.floor(Math.random()*clrs.length);  //乱数の発生0〜clrs.length(配列 clrs の色の数この場合は7)
Lyid="link"+v;  // 乱数との結合、乱数が 3 なら "link"+v で"link3"
document.all[Lyid].style.color = clrs[i];  // 求めたID名のセルに clrs[i] の色を表示
setTimeout("act()",100); // 関数 act() を繰り返す間隔(単位は千分の一秒)

}

// -->
</SCRIPT>
コメント
ランダムに発生させた数値で ID名と色の配列を取得して各セルの色を変更しています。

setTimeout(処理関数, 時間間隔) : タイマーを設定します。処理関数を時間間隔で繰り返します。時間間隔は1000分の1秒です。

色見本
乱数