이전
목록
다음
로

AR CSS 시계 (visit) HTML로 구현되는 시계

로빈아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2018-03-05 (월) 18:43:44 · 6711 · 16
2943640179_lx8P3m9h_3b508dfc8290864a4f86a4a9b58fc7a13f4b060d.png

제목 : AR CSS 시계 (visit) 

제작 : 2018-02-17 로빈아빠 howcode.co.kr 

개요 : HTML로 구현되는 시계로 순수 CSS,JS 로 구현되어 부하가 적게걸린다. (canvas 사용하지 않음) 

샘플 : http://howcode.co.kr/bbs/board.php?bo_table=tip_gnu 

설치 : 
  1) skin/visit 폴더에 압축풀기 
  2) 보여주고자하는 위치에 <DIV>와 visit 추가 
    예) tail.php 
<div style='width:200px;height:200px;padding:20px;margin:0 auto'> 
<?php echo visit('ar.clock1');?> 
</div> 

설명 : 

1) 두 종류의 시계 입니다. 
ar.clock1 은 심플한 시계로 분단위로 갱신이 됩니다. 
시간 숫자을 전부 출력하려면 소스에서 아랫 부분에 추가해주세요. 
<div class="num num3"><div>3</div></div> 

ar.clock2 는 조금 복잡한 시계로 초단위로 갱신이 됩니다. 
날짜와 시간을 감추려면 style.css 에서 다음의 라인을 추가하세요. 
#ar-clock2 #ar-date2 {display:none} 
#ar-clock2 #ar-time2 {display:none} 


2) 시계의 크기는 호출되는 위치의 100%로 지정되어 있으므로 호출되기전에 
div 등에서 크기를 미리 지정해야합니다. 
예)

<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
    <?php echo visit('ar.clock1');?>
</div>
<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
    <?php echo visit('ar.clock2');?>
</div>

 



소스의 배포/수정/사용은 별도 제한이 없습니다. 

퍼가실 때  꼭 출처를 밝혀주시기 바랍니다. 

출처 : howcode.co.kr 로빈아빠 김성대

#PC용 #모바일용 #반응형

첨부파일

2943640179_lx8P3m9h_3b508dfc8290864a4f86a4a9b58fc7a13f4b060d.png (22.5 KB) 0회 2018-03-05 18:43
ar.clock1.zip (2.1 KB) 29회 2018-03-05 18:43
ar.clock2.zip (2.5 KB) 34회 2018-03-05 18:43
|

댓글 16개

shd
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-06 (화) 11:48:02
감사합니다.
rrero
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-06 (화) 17:07:51
감사합니다!
끝끝없는사랑
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-07 (수) 11:11:12
핫~~~감사합니다.
기억저편속
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-07 (수) 16:11:02
감사합니다.
llbw
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-08 (목) 07:45:19
감사합니다.
잘 쓰겠습니다.
보보명당
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-09 (금) 18:59:55
감사합니다 잘쓸게요^^
살살낭이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-12 (월) 11:09:10
감사합니다.
수호재키
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-12 (월) 14:47:44
헤~ 잘 쓸게요^^
끝끝없는사랑
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-13 (화) 10:16:21
감사해요.
풍풍운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-16 (금) 14:44:12
시간 조절이 가능한가요? 즉 시차가 나는 국가는 시간 조절을 하고 싶습니다
로로빈아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-16 (금) 15:00:49
소스에서 수정하시면됩니다.
풍풍운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-16 (금) 23:32:33
감사합니다...들여다보고 수정하겠습니다
양양군도령
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-17 (토) 13:11:25
감사합니다~
풍풍운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-17 (토) 15:46:53
clock2에서 AM, PM 이 바뀐 것 같습니다
풍풍운
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-17 (토) 15:50:57
사용하는 컴퓨터의 시간에 맞추어서 나오네요...
숙향
프로필 보기이 회원 글보기이 회원의 댓글보기
 2026-04-24 (금) 22:04:51
<div style='width:200px;height:200px;padding:20px;margin:0 auto'> 
<?php echo visit('ar.clock1');?> 
</div>   이렇게 넣어면 되지않나요
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,752건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

태그 필터 (최대 3개) 전체 PC용 모바일용 반응형
+