java script
배경색이 어지럽게 바뀝니다
디자인인스
2011. 1. 7. 11:55
// [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요
<script language="JavaScript">
<!--
var pos = 10;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var col=new initArray("4b","5b","8b","8b");
function stop() {
document.bgColor = '#FFFFFF';
clearTimeout(loopID);
}
function start() {
col[1]="red"
col[2]="yellowgreen"
col[3]="yellow"
col[4]="whitesmoke"
col[5]="white"
col[6]="wheat"
col[7]="violet"
col[8]="turquoise"
col[9]="tomato"
col[10]="thistle"
pos++;
if (pos<0||pos>10) {
pos = 0;
}
document.bgColor = col[pos];
loopID = setTimeout("start()",50);
}
// -->
</script>
// 여기까지
// [2단계] <BODY> 태그안에 있는 코드를 복사 해 넣으세요 --------------->
<body onLoad="start()">
// 여기까지
// [3단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요
<form>
<input type="button" value=" 돌아랏 " onClick="start()">
<input type="button" value=" 어지러워 그만! " onClick="stop()">
</form><!---->
<script language="JavaScript">
<!--
var pos = 10;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var col=new initArray("4b","5b","8b","8b");
function stop() {
document.bgColor = '#FFFFFF';
clearTimeout(loopID);
}
function start() {
col[1]="red"
col[2]="yellowgreen"
col[3]="yellow"
col[4]="whitesmoke"
col[5]="white"
col[6]="wheat"
col[7]="violet"
col[8]="turquoise"
col[9]="tomato"
col[10]="thistle"
pos++;
if (pos<0||pos>10) {
pos = 0;
}
document.bgColor = col[pos];
loopID = setTimeout("start()",50);
}
// -->
</script>
// 여기까지
// [2단계] <BODY> 태그안에 있는 코드를 복사 해 넣으세요 --------------->
<body onLoad="start()">
// 여기까지
// [3단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요
<form>
<input type="button" value=" 돌아랏 " onClick="start()">
<input type="button" value=" 어지러워 그만! " onClick="stop()">
</form><!---->