무작위 수치 (0 - 9) 생성하여 Math.floor((Math.random() * 10)) % 9로
배열 변수에서 이미지를 찾아 옴.
<head>
<script language="javascript">
<!-- 감춤
// 배열 변수 지정
var imgAry=new Array( "../gif/rfcoding.gif", "../gif/rfevent.gif",
"../gif/rfexample.gif", "../gif/rfexplain.gif", "../gif/rfmethod.gif",
"../gif/rfobject.gif", "../gif/rfproperty.gif", "../gif/rfrefer.gif",
"../gif/rfresult.gif", "../gif/rfsyntex.gif", "../gif/rftest.gif");
var hnumb
function getpic(numb) {
for (i=0;i<numb;i++){ // numb 회수 만큼 반복
if (document.images) {
randomNr=Math.floor((Math.random() * 10)) % 10; // 0-9 사이 무작위수
if (randomNr==hnumb) {
i-=1; // 전번 이미지와 같으면 다시하기 위하여 1을 빼줌
continue; // 안쪽 if loop를 빠져나감
}
document.img.src=imgAry[randomNr]; // 지정 object에 해당 이미지 할당
hnumb=randomNr // 현재 이미지 번호 보관
}
}
}
// 감춤 끝 -->
</SCRIPT>
</HEAD>
<body>
<img src=../gif/rfbtexm2.gif><br><br>
<div class=brown>
무작위 수치 (0 - 9) 생성하여 math.floor((math.random() * 10)) % 9로
배열 변수에서 이미지를 찾아 옴.
</div><br>
<div class=indent>
<form name="fname">
<img src="../gif/rftest.gif" name="img" height=25>
<img src="../../gif/space.gif" width=1 height=1 border=0>
<input type="button" name="ibutton"
value="다른 이미지 표시하기" onclick="getpic('1')">
</form>
</div><br>
</body>
 중요 사항
- imgAry[] 배열 변수를 만들어 10개의 이미지를 보관하고, Math.random()으로 0-1 사이의 무작위수를 생성하여, 0-9 사이가 되는 정수가 되도록 Math.floor((Math.random() * 10)) % 9를 사용하였다.
- imgAry[] 배열 변수에서 무작위수에 따른 이미지 번호로 이미지 가져와, document.img.src에 표현 한다. 이때 img는 이미지 name이다.
- onClick="getpic('1')"로 글릭되면 1번 이미지에서 부터 시작한다.
- if loop, for loop로 조건에 따른 반복 작업을 한다.
- 입력 받는 부분만 막으면 연속으로 이미지를 바꿀 수 있다.
|
제공