一定時間ごとに背景色を変える(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>
〔 実行する 〕