프리이미지
사이트 내 전체검색

 

타이머 시간 카운트

페이지 정보

작성일15-10-01 14:58

첨부파일

본문

 

 

 

<!-- 시계 -->

<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>

<!-- //시계 -->

 

 

 

 

추천 0
Total 799건 1 페이지
게시물 검색