<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">&nbsp;<! 초 표시 위치></TD>
        <TD width=60 span id="imagearea">&nbsp;<! 이미지 표시 위치></TD>
        <TD width=210 span id="Clock" style=white-space:nowrap;font-size:9pt;vertical-align:bottom>&nbsp;<! 시각 표시 위치></TD>
    </TR>
    </TABLE>
</FORM>

<SCRIPT>
var timer='';

function Call(numb){ // 이미지 병화시키는 기능함수 시작
  if (numb){ // 마우스 누른 효과를 발생시킨다
    form1.button1.onmousedown=imagearea.innerHTML='TEST';
  }
  else{ // 마우스 눌럿다 놓은 효과를 발생시킨다
    form1.button1.onmouseup=imagearea.innerHTML='&nbsp;';
  };
} // 이미지 변화시키는 기능함수 종료

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

+ Recent posts