본문
<!-- 시계 -->
<style>
/* 시계 */
figure, figcaption {display: block;}
.transition {-webkit-transition: top 400ms linear;-moz-transition: top 400ms linear;-ms-transition: top 400ms linear;-o-transition: top 400ms linear;transition: top 400ms linear;}
.timeTo{
background:url('/arbuild/timerTo/bg_time.png') no-repeat center 18px;
font-family: Tahoma, Verdana, Aial, sans-serif;/*font-size: 28px;font-weight: bold;*/
line-height: 108%;
width:300px;
}/* 20150906 수정 */
.timeTo span {vertical-align: top;padding:0 10px;font-size:0;}
.timeTo figure {display: inline-block;margin: 0;padding: 0;}
.timeTo figcaption {text-align: center;/*font-size: 12px;*/line-height: 80%;font-weight: normal;color: #d2d2d2;font-family:'Roboto Mono' !important;}
.timeTo div {position: relative;display: inline-block;/*width: 25px;height: 30px;border-top: 1px solid silver;border-right: 1px solid silver;border-bottom: 1px solid silver;*/overflow: hidden;}
.timeTo div.first {/*border-left: 1px solid silver;*/}
.timeTo ul {list-style-type: none;margin: 0;padding: 0;position: absolute;left: 3px;}
.timeTo div.first li{margin:0 0 0 0;position:relative;right:-4px;}
.timeTo ul li {color:#d2d2d2;margin: 0 0 0 -5px;padding: 0;list-style: none;font-family:'Roboto Mono' !important;}
</style>
<script src="/arbuild/timerTo/timeTo.js"></script>
<script>
// 시계
$('#countdown').timeTo({ //October
timeTo: new Date('2015-11-01 00:00:00'), // d-day 날짜
seconds: 235045,
displayDays: 2, // day 자리수
displayCaptions: true, // 숫자 하단 text 표시
fontSize: 24,
theme: "white", // 'white' or 'black' theme fo timer's view
captionSize: 12
});
</script>
<!-- //시계 -->
첨부파일
- timeTo.js (15.2K) 0회 다운로드 | DATE : 2015-10-01 14:58:07
댓글목록
등록된 댓글이 없습니다.