便利eelife Java Script

   戻る

7色で背景を変更:
      



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P>7色で背景を変更</P>
<FORM name="myFORM">
<TABLE>
<TBODY>
<TR>
<TD>
<INPUT size="19" type="text" name="rand1" value="WHITE">
<INPUT type="button" value="スタート" onclick="chgbgclr()" name="srt">
<INPUT type="button" value="ストップ" onclick="stop()" name="stp" disabled></TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。-->
<SCRIPT language="JavaScript">
<!--
      //変化させる7つの色を配列に格納 カラーコード(例 "#fa12c0")でもOK
var clr=new Array("AZURE","LIGHTSKYBLUE","MEDIUMSEAGREEN","CORAL","DARKMAGEBTA","ORANGERED","#fa12c0");
n=0;
var flag;

function chgbgclr(){
document.myFORM.srt.disabled = "true";  //ボタンの無効化
document.myFORM.stp.disabled = "";      //ボタンの有効化
if (flag == "stop"){                             //stopを押したときの処理
document.myFORM.srt.disabled = "";
document.myFORM.stp.disabled = "true";
document.myFORM.rand1.value ="WHITE";
document.bgColor ="#ffffff";
flag="";
}
else{loop()}
}

function loop(){
document.bgColor=clr[n];   //配列の n番目の色を取り出して背景色を変えます
document.myFORM.rand1.value=clr[n];  //テキスト行に現在の色名を表示
n++;       // n を0から7まで順に得る
if(n==7){n=0}
setTimeout("chgbgclr()",1000)
}

function stop(){
flag="stop";
}

//-->
</SCRIPT>

コメント
disabled = "true"

setTimeout(処理関数, 時間間隔)

document.bgColor : 指定した色に背景をかえます。