메뉴 건너뛰기

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
번호 제목 날짜 조회 수
42 mysql concat 날짜와 시간을 문자열로 합치기 시간의 크기 비교 2023.05.16 130
41 회원가입 못하게 2023.01.05 78
40 그누보드 이력서 스킨 file 2021.03.24 149
39 fullcalendar 달력 게시판 스킨 file 2021.03.24 358
38 그누보드 카카오톡 로그인 V2 플러그인 file 2021.03.24 288
37 회원 등급(권한)에 따라서 다른 메시지 보이기 2021.03.24 146
36 '정상적으로 로그인하여 접근하시기 바랍니다.' 해결 방법 file 2020.12.09 406
35 링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X) 2019.12.13 1203
34 회원 목록을 select 로 불러와서 선택시 input 에 집어넣기 file 2019.12.13 582
33 네이버 밴드 글 가져오기 2019.12.13 485
» 카운트다운 스크립트 2019.12.13 317
31 이름 마지막 한자리 별표 처리 2019.12.13 326
30 jQuery 요소(elements) 미디어 컨버팅 플러그인 file 2019.12.13 320
29 글 작성시 랜덤형 자동 댓글로 인사 멘트남기기 2019.12.13 320
28 iframe 금지된 사이트 iframe 으로 불러오기 2019.12.13 384
27 이미지에 워터마크 넣기 2019.12.13 389
26 style 수정시 서버에서 로딩되게 하기 2019.12.13 255
25 우측 퀵메뉴 2019.12.13 382
24 특정 게시판에서 이미지 파일만 업로드 허용하기 file 2019.12.09 365
23 쉽고 간편한 인쇄 팁 file 2019.04.29 743
Board Pagination Prev 1 2 3 Next
/ 3

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved