• JS
  • J볃교

D-Day 실시간으로 나타내는 소스

2019-01-25 297

설명

  • 카카오톡 링크

JQUERY 와 JAVASCRIPT 를 이용한 실시간 D-DAY 소스입니다~! :D

해당 COUNTTIME.JS 링크입니다

해당 링크로 접속하셔서 소스를 복사 후 js 파일을 생성하여 붙여주고 불러와주시면 됩니다~!

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<script type="text/javascript" src="/js/countTime.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.countTime').countTime({
			time: '2020-01-01 00:00:00'//기준시간
		});
	});
</script>
<style>
	.time_box {text-align:center}
	.time_box ul {display:inline-block; width:100%; max-width:500px}
	.time_box ul li {display:inline-block; width:25%; }
	.time_box ul li span.number {display:inline-block; width:100%}
	.time_box ul li span.title {display:inline-block; width:100%}
</style>

<div class="time_box">
	<ul>
		<li><span class="days number"></span><span class="title">DAYS</span></li><!--
		--><li><span class="hours number"></span><span class="title">HOURS</span></li><!--
		--><li><span class="minutes number"></span><span class="title">MIN</span></li><!--
		--><li><span class="second number"></span><span class="title">SEC</span></li>
	</ul>
</div>