메뉴 건너뛰기

2019.12.13 20:39

카운트다운 스크립트

조회 수 317 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<script> 

CountDownTimer('12/20/2019 00:00', 'countdown');
//시간 지정시
//CountDownTimer('01/01/2020', 'countdown');
//시간 필요없는 경우 대체
    
    function CountDownTimer(dt, id)
    {
        var end = new Date(dt);
        var _second = 1000;
        var _minute = _second * 60;
        var _hour = _minute * 60;
        var _day = _hour * 24;
        var timer;
        function showRemaining() {
            var now = new Date();
            var distance = end - now;
            if (distance < 0) {
                clearInterval(timer);
                document.getElementById(id).innerHTML = '경매종료'; // 종료시 보일 문구
                return;
            }
            var days = Math.floor(distance / _day);
            var hours = Math.floor((distance % _day) / _hour);
            var minutes = Math.floor((distance % _hour) / _minute);
            var seconds = Math.floor((distance % _minute) / _second);
            document.getElementById(id).innerHTML = days + '일 ';
            document.getElementById(id).innerHTML += hours + '시간 ';
            document.getElementById(id).innerHTML += minutes + '분 ';
            document.getElementById(id).innerHTML += seconds + '초';
        }
        timer = setInterval(showRemaining, 1000);
    }
</script>



<!-- 카운트 출력 (실시간) -->
<span id="countdown"></span>

List of Articles
번호 제목 날짜 조회 수
70 DatePicker 달력 플러그인을 활용한 날짜 입력 쉽게하기 file 2017.04.12 4611
69 다음날 00시에 쿠키 만료되도록 하는 방법 2014.02.27 4411
68 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-2 file 2017.04.13 4262
67 게시판 글쓰기 페이지에 다음 API 주소 입력기 사용하기 file 2017.04.12 3729
66 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-1 file 2017.04.13 3474
65 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-3 file 2017.04.13 3276
64 이름이나 연락처 중간 부분을 *** 표시로 숨기기 file 2017.04.12 3063
63 게시판 기본 스킨 목록 페이지 살펴보기 1 - list.skin.php 2017.04.13 2950
62 게시판 기본 스킨 글쓰기 페이지 살펴보기 2 - 상세 설명 2017.04.13 2912
61 여분필드를 활용한 게시판 스킨 제작 - 기본적인 사용 방법 2017.04.13 2892
60 게시판 글쓰기 페이지에 스마트 에디터 2개 이상 사용하기 2017.04.12 2775
59 DatePicker 달력 플러그인을 활용한 날짜 입력 쉽게하기 file 2017.04.12 2757
58 그누보드 확장변수 사용 2016.12.22 2634
57 게시판 기본 스킨 글쓰기 페이지 살펴보기 1 - write.skin.php 2017.04.13 2549
56 게시판 기본 스킨 내용보기 페이지 살펴보기 2 - 상세 설명 2017.04.13 2527
55 여분필드를 활용한 게시판 스킨 제작 - 여분 필드 10개 이상 사용하기 file 2017.04.12 2397
54 게시판 스킨 파일 구조 2016.12.22 2342
53 게시판 기본 스킨 목록 페이지 살펴보기 2 - 상세 설명 2017.04.13 2321
52 배열을 사용해서 여분필드 한 개로 연락처 입력란 3등분하기 file 2017.04.12 2292
51 게시판 스킨 목록 페이지에 이전 다음 페이지 링크 만들기 2017.04.12 1912
Board Pagination Prev 1 2 3 4 Next
/ 4

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved