Random Color
このJavaScriptは2001年3月に発売された著書「わたしにもできる動くホームページ」に収録したものです。Internet Explorer 4の頃に作成したものであるため、そのうちjQuery用にしてもっとシンプルな実装で作成するかもしれません。
指定した要素の色をランダムに変化させるためのDynamicHTML(DOM+JavaScript)です。スクリプトはscriptフォルダにあるものとして記述しています。
Sample
色がランダムに変わります。
<div id="random">色がランダムに変わります。</div>
ID名は自由ですが、スクリプトの実行時に必ず指定したID名を使用してください。
<SCRIPT type="text/javascript" src="script/randomcolor.js"></SCRIPT>
ここからスクリプトをファイルに保存して、<HEAD>~</HEAD>内に上のように記述してスクリプトを読み込ませます。
<BODY onload="RandomColor('random',100,0);">
スクリプトは<BODY>のonload属性で実行します。最初のパラメータが指定したID名で、2番目のパラメータが処理タイミング(ミリ秒)です。3番目のパラメータは処理モードです。これを1にすると背景色をランダムに変更します。