심재운 블로그

728x90
반응형

 

d-day 를 설정하고 현재시간을 비교하여 카운트다운을 하는 소스

<script>
	function counter(){
//var dday = new Date("Apr 7,2018,09:00:00").getTime(); //디데이
		var dday = new Date("Jun 10,2020,23:59:59").getTime(); //디데이
		setInterval(function(){
			var now = new Date(); //현재 날짜 가져오기
			var distance = dday - now;
			var d = Math.floor(distance / (1000 * 60 * 60 * 24));
			var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
			var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
			var s = Math.floor((distance % (1000 * 60)) / 1000);
			var view = '';
			if(s < 10){
				s = '0'+s;
			}
			if (distance<0) {
				$('#dday-view').html('마감되었습니다.');
				$('#dday-div').hide();
			} else {
				if (d>0) {
					view = view+d+'일 ';
				}
				if (h>0) {
					view = view+h+'시간 ';
				}
				if (m>0) {
					view = view+m+'분 ';
				}
				$('#dday-view').html(view+s+'초');
			}
		}, 1000);
	}
	counter();
</script>

 

참고사이트

https://www.fome-job.com/board/board_list.php?code=bbs_contents2

 

2020 중견기업 온라인 일자리박람회

LOGIN 로그인/가입은 직감앱 서비스 회원 계정을 이용합니다.

www.fome-job.com

 

728x90
반응형

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드