便利eelife Java Script

   戻る

ランダムに背景を変更
   



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P>ランダムに背景を変更します</P>
<FORM name="myFORM">
<TABLE>
<TBODY>
<TR>
<TD>
<INPUT size="15" type="text" name="rand" value="#FFFFFF">&nbsp;&nbsp;&nbsp;
<INPUT type="button" value="スタート" onclick="kaisi()" name="srt">
<INPUT type="button" value="ストップ" onclick="stop()" name="stp" disabled>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。-->
<SCRIPT language="JavaScript"><!--
var flag;
function stop(){
flag="stop";
}

function kaisi(){
document.myFORM.srt.disabled = "true";  //ボタンの無効化
document.myFORM.stp.disabled = "";    //ボタンの有効化

if (flag == "stop"){   //stopを押したときの処理
document.myFORM.srt.disabled = "";
document.myFORM.stp.disabled = "true";
document.myFORM.rand.value ="#FFFFFF";
document.bgColor ="#ffffff";
flag="";
}
else {ransuu()}
}

function ransuu(){      //----乱数の発生
rr= Math.floor(Math.random()*256);    //Math 数学関数オブジェクト
gg= Math.floor(Math.random()*256);   //Math.floor 小数点以下を切り下げ整数を返す
bb= Math.floor(Math.random()*256);   //random()*256 0〜256未満の乱数を発生(10進数)
rr1= cov16(rr);         //16進数2桁に変換
gg1= cov16(gg);
bb1= cov16(bb);
           //--背景を変更
dsp ="#"+rr1+gg1+bb1;       //dspにカラーコードをいれる
document.bgColor = dsp;     //ランダムに背景色を変える
document.myFORM.rand.value=dsp;
setTimeout("kaisi()",1000);
}

//-----10進数を16進数2桁に変換
function cov16(n){
var sin='0123456789ABCDEF';
return sin.charAt(Math.floor(n/16))+sin.charAt(n%16);
}

// -->
</SCRIPT>

コメント

disabled = "true"

cov16(n)

dsp ="#"+rr1+gg1+bb1 : カラーコードは
"#"と16進数2桁を3つ組み合わせて作ります。(R,G,B)値