서버 시간 알아내기

근래에 재밌는 싸이트를 하나 발견을 했다.

서버시간 확인하기 : http://time.navyism.com/

무엇을 하는곳인지는 싸이트를 가보면 아! 할것이다.

단순한 아이디어로 아니 단순하기 때문에 오히려 기발하다고 생각한다.

그러면 이제 우리가 해야할일은? 당연히 똑같이 만들어 보는일..-_-ㅋ

자바스크립트의 DATE 함수를 쓰면 쉽지 않냐고? 첨엔 그렇게 생각했는데

date 의 경우 브라우져의 시간을 가져오는 함수이다. 즉. 서버가 아닌 클라이언트의 시간을 가져온다는것.

그러면 서버단에서 직접 주는 시간을 어떻게 가져올수 있을까?

서버에서 스스로 시간을 알려준다면?

W3C문서를 보게 되면 그 해답이 나와 있다.

http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html

14.18 Date 의 구문을 보게 되면 서버는 특별한 상황이 아닌이상 헤더에 시간을 집어넣어서 발송하게 되어 있다. 

이제 어디 있는지 알았으니 이것을 가져올 방법은?

바로 XMLHttpRequest  를 이용하면 된다. 

<script type="text/javascript">

function getServerTime(){

var xhr = new XMLHttpRequest();  

xhr.open("GET", "http://uiandwe.tistory.com/", false);  

xhr.send(null);

eval("reg.timer").value = xhr.getResponseHeader("Date");

xhr = null;

}

window.setInterval("getServerTime();",100);

</script>

나의 블로그로 계속적으로 요청을 하고 받아온 헤더값에 있는 시간을 뽑아오기만 하면 끝.

확실히 하기 위해서 타이머로 표기해주었다. 

아래는 실행모습. 

- 위 싸이트와 똑같이 만들어줄려면 들어가는 싸이트만 넣어주면 끝나겠지?ㅋㅋ
- 가끔씩 시계가 미쳐서 나올때가 있는데..무선이라 그런가?;
- 사실 XMLHttpRequest  는 나중에 ajax와 xml 할때 공부할려고 한건데..;; 자세히는 나도 잘 모른다;ㅎ