<FORM name="form1">
<TABLE border=0 width=100%>
<TR>
<TD width=250>
<DIV style=white-space:nowrap>
<INPUT type="button" name="button1" value="마우스를 눌러 보라" onClick="timer=window.setInterval('clock()',50);">
<INPUT type=button value="타이머 중지" onClick="if (timer) window.clearInterval(timer)"></DIV></TD>
<TD width=20 id="secArea"> <! 초 표시 위치></TD>
<TD width=60 span id="imagearea"> <! 이미지 표시 위치></TD>
<TD width=210 span id="Clock" style=white-space:nowrap;font-size:9pt;vertical-align:bottom> <! 시각 표시 위치></TD>
</TR>
</TABLE>
</FORM>
<SCRIPT>
var timer='';
function Call(numb){ // 이미지 병화시키는 기능함수 시작
if (numb){ // 마우스 누른 효과를 발생시킨다
form1.button1.onmousedown=imagearea.innerHTML='TEST';
}
else{ // 마우스 눌럿다 놓은 효과를 발생시킨다
form1.button1.onmouseup=imagearea.innerHTML=' ';
};
} // 이미지 변화시키는 기능함수 종료
function clock(){ // 타이머 기능함수 시작
now=new Date(); // 현재 시각을 얻어 now에 할당한다
second=secArea.innerHTML=now.getSeconds(); // now에서 초를 얻어 second에 할당하고 출력한다
Clock.innerHTML=now.toLocaleString(); // now의 시각의 문자열을 얻어 출력한다
Call(second%2); // 초를 2로 나눈 나머지를 인수로 기능함수를 호출한다. 0은 짝수, 1은 홀수
} // 타이머 기능함수 종료
</SCRIPT>
'JavaScript' 카테고리의 다른 글
[JavaScript] javascript 관련 공부 (0) | 2010.06.01 |
---|---|
[JavaScript] style.display (0) | 2010.06.01 |
[JavaScript] <noframes> <noscript> (0) | 2010.06.01 |
[JavaScript] dialogArguments (0) | 2010.05.28 |
[JavaScript] 간단한 innerHTML (0) | 2010.05.27 |