時間で変わる背景色/JavaScript

Home | JavaScript目次 | アニメーション | 変わる背景色 | プルダウンメニュー

背景色を時間経過で変更

ページ全体の背景色を時間経過で変更させます。あまり意味のないスクリプトですが一応２秒間隔で背景色を変化させます。用意した背景色は全部で７色です。

Sample ←　サンプルはこちらから

JavaScriptサンプルソース

<script type="text/javascript">
<--
bscd=new Array();
bscd[0]="#ffffcc";
bscd[1]="#ccffff";
bscd[2]="#ffccff";
bscd[3]="#ccccff";
bscd[4]="#cccccc";
bscd[5]="#ccffcc";
bscd[6]="#ffcccc";
ban_time=1; b=0; cnt=0;

function banban_bgcolor()
        {
         document.bgColor=bscd[cnt];
         cnt++;
         if(cnt>=bscd.length)cnt=0;
         clearTimeout(b);
         b=setTimeout('banban_bgcolor();',ban_time*2000);
        }
//-->
</script>

HTMLサンプルソース

<body onLoad="banban_bgcolor();">

</body>

初版更新日 2002/9/4

◆ 時間で変わる背景色