setTimeout 함수 응용

setTimeout 함수 응용

함수 f() : FORM 의 TEXT 바에 현재시간을 보여줌
함수 g() : 첫번째 이미지를 네가지로 바꾸어 보여줌
함수 h() : 해당년도를 보여주고 두번째 이미지를 슬라이드로 보여줌
함수 layer() : 마우스가 올라가면 감추어진 메뉴를 보여줌
함수 layer1() : 그림을 레이어를 클릭하면 메뉴를 감추어줌

function f(){

today=new Date()  --> Date()함수를 사용하기 위해서 today 객체생성
m=today.getMinutes()
b=today.getSeconds()
c=today.getHours()

document.form1.app.value=c+" : "+m+" : "+b
setTimeout("f()",1000)  --> 1초마다 f()함수를 호출
}

i=0
function g(){
a=new Array()  --> 배열 선언
a[0]="image/button1.gif"
a[1]="image/button2.gif"
a[2]="image/button3.gif"
a[3]="image/button4.gif"

document.images[0].src=a[i]   --> 그림의 경로지정
i++

if(i==a.length) {i=0}  --> i 가 배열의 크기와 같다면 i=0 으로 지정

setTimeout("g()",1000)
}

function h(){
document.images[1].style.right=parseInt(document.images[1].style.right)+1 -->parseInt()는 문자열을 숫자로 변환

if(parseInt(document.images[1].style.right)==1024)
{document.images[1].style.right=-90}

setTimeout("h()",10)
}

function layer(){
if(parseInt(document.all["aa"].style.left)<-10){
document.all["aa"].style.left=parseInt(document.all["aa"].style.left)+1  --> div "aa" 를 left 로 10 씩 이동

setTimeout("layer()",1)
}
}

function layer1(){
if(parseInt(document.all["aa"].style.left)>-70){
document.all["aa"].style.left=parseInt(document.all["aa"].style.left)-1  --> div "aa" 를 left 로 -10 씩 이동
setTimeout("layer1()",1)
}
}

왼쪽 폼의 이름은 form1 텍스트바의 이름은 app