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는 건드리면 안 됩니다.