一定時間ごとに背景色を変える(setInterval, document.bgColor, charAt)
<html>
<head>
<title>一定時間ごとに背景色を変える</title>
<script language="JavaScript">
<!--
rgb = new Array(0,0,0,0,0,0);
color = "FEDCBA";
i = 0;
function change(){ //背景色を変更
if(rgb[i] == 0 || rgb[i] == color.length - 1) {
i = Math.floor(rgb.length * Math.random());
if(rgb[i] == 0) {
j = 1;
}
else {
j = -1;
}
}
rgb[i] += j;
bgcolor = "#";
bgcolor += color.charAt(rgb[0]);
bgcolor += color.charAt(rgb[1]);
bgcolor += color.charAt(rgb[2]);
bgcolor += color.charAt(rgb[3]);
bgcolor += color.charAt(rgb[4]);
bgcolor += color.charAt(rgb[5]);
document.bgColor = bgcolor;
}
function tm(){ //タイマーをセット
tm = setInterval("change()",300);
}
//-->
</script>
</head>
<body onLoad="tm()">
背景色が変わります。<br>
</body>
</html>
〔 実行する 〕