달력

42024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
반응형
가끔 사용하는 자바스크립트 코드이지요~
지인이 올린 코드에서
파이어폭스, 사파리에서 동작하는 코드로 조금 수정해 보았어요.

IE7, FF3, Safari4 에서 정상 동작하네요...

<div id="time"></div>
<SCRIPT LANGUAGE="JavaScript" event="onload" for="window">
     show_time();
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
      window.onload = function(){show_time()};  
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
/* ********** 시계 보여주기 ********** */
function show_time(){
     var time = document.getElementById( "time" );
     // 1000ms 단위로 시간 갱신 시키기
     window.setInterval("get_current_time()", 1000); 
     get_current_time();
}

/* ********** 현재 시간 가져오기 ********** */
function get_current_time(){
     var time = document.getElementById( "time" );
     var now = new Date();
     var week = new Array("일","월","화","수","목","금","토");

     var clock = now.getFullYear() + "년 ";
     clock += (now.getMonth() + 1) + "월 ";
     clock += now.getDate() + "일 ";
     clock += week[now.getDay()] + "요일 ";

     clock += now.getHours() + "시 ";
     clock += now.getMinutes() + "분 ";
     clock += now.getSeconds() + "초 ";

     time.innerHTML= clock;
}
</SCRIPT>


[주의]
1. body 태그에 onLoad 를 사용하거나 다른곳에서 window.onload 를 사용하신다면 
   show_time() 을 그쪽으로 넣어 주어야 기존에 동작하던 onLoad 가 정상적으로 동작합니다.
2. 해당 코드를 따로 js 파일을 만들다면 script 의 위치는 관계가 없고,
   현재 코드를 그대로 사용한다면, script 가 div 보다 아래에 있어야 합니다. ^^

반응형
|