타이머 시간 카운트 > PHP /APM / 소스, 강좌, 팁

본문 바로가기

 

검색취소

타이머 시간 카운트

검색 이전 다음 목록

첨부파일

본문

 

 

 

<!-- 시계 -->

<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

등록된 댓글이 없습니다.

검색취소

PHP /APM / 소스, 강좌, 팁

검색
  • no image
  • ajax logind 후 css 적용 시키기

    ajax 로 로딩한 html 페이지의 css 또는 id 에는 jquery click 등 이벤트가 적용되지 않는다.이때 .on 이벤트를 사용하라.. var ajax_scrollTop=0;function ajax_clo…

  • 압축된 자바스크립트 원상복구 하기
  • 압축된 자바스크립트 원상복구 하기

    로딩속도,간결한 소스를 위해 자바스크립트 압축 방법을 소개 해 드렸지요. 자바스크립트 압축해서 사용하기 글 이동 하기 압축된 자바스크립트를 평상시에 사용하다 간혹 소스 수정을 해야 할때나 또는 다른곳에서 필요한 자바…

  • no image
  • 제로보드 XE -> 그누보드 회원변환

    제로보드 xe의 암호는 md5 를 사용하고 있다.그누보드는 password 함수를 사용하므로 상호 변환이 안된다.따라서.. 다음의 방법을 사용해야한다.1. 기존 xe 암호에 xe. 등 태그 저장해서 변환함.2. ex…

  • 타이머 시간 카운트
  • 타이머 시간 카운트

    첨부파일

        /* 시계 */figure, figcaption {display: block;}.transition {-webkit-transition: top 400ms linear;-moz-transition: top 4…

 

?>