NKO Atomic Clock

Current time in milliseconds unit, dday remaining time calculator, elapsed time, stopwatch, server time checker



HTML 태그

엔코 원자시계를 홈페이지에 달려면 원하는 부분에 다음과 같은 구문을 삽입하세요. 시간의 글자 크기가 이곳 홈페이지에 있는 것보다 훨씬 작게 정해져 있습니다. CSS로 고칠 수 있어요.

      <div style="width:380px;"> <!--크기 설정-->
      <div id="nkoclock">
        <span id="nkoclockdisplay">.</span>
        <div id="nkoclockdescription"></div>
        <div id="nkoclocktools">
          <img id="nkoclockstopwatch" src="http://nko.kr/stopwatch.png" alt="초시계(스톱워치)">
          <img id="nkoclockdday" src="http://nko.kr/dday.png" alt="남은/지난 시간(D-DAY)">
          <img id="nkoclockrefresh" src="http://nko.kr/refresh.png" alt="새로고침">
        </div>
        <input id="nkoclockdatetimepicker" type="text">
      </div>
      </div>
      <script type="text/javascript">
        var nkoclockdescription = "엔코 원자시계"; //첫화면에 나타낼 내용
        var nkoclockmode = "3"; //1:초시계, 2:디데이, 3:현재시간
        var nkoclockuserinput = ""; //위에서 2를 썼을 때만 디데이 대상 일시를 UNIX TIMESTAMP 형식으로 적는 곳. 해당없으면 비워둠
        var nkoisms = "true"; //밀리초 단위를 표시할지의 여부. true:표시, false:가림
      </script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script src="http://nko.kr/jquery.datetimepicker.js" charset="utf-8"></script>
      <script id="NKOCLOCKSCRIPT" src="http://nko.kr/nkoclock.js" charset="utf-8"></script>
            

그리고 <head>와 </head> 사이에 다음 CSS를 불러오는 구문을 넣으세요.

      
      <link rel="stylesheet" href="http://nko.kr/style.css" type="text/css" />
      <link rel="stylesheet" href="http://nko.kr/jquery.datetimepicker.css" type="text/css" />      

UNIX TIMESTAMP 구하기

아래 창에서 원하는 날짜와 시각을 고르면 숫자로 값이 뜹니다. 디데이 기능을 쓸 때 그것을 적으면 됩니다.

모양 바꾸기

HTML 구문을 편집하여 디자인을 원하는 대로 연출할 수 있습니다. CSS 파일을 입맛대로 고쳐보세요. 단, HTML 태그의 속성 중 id는 건드리면 안 됩니다.