메뉴 건너뛰기

2019.12.13 20:39

카운트다운 스크립트

조회 수 370 추천 수 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>

  1. sql 바인딩 그누보드에서 해보기

    Date2024.04.09 Views40
    Read More
  2. 홈페이지를 특정 IP 일때 다른 페이지로 연결하기

    Date2024.04.09 Views44
    Read More
  3. 페이지 하단 커스텀 플레이어

    Date2024.04.09 Views43
    Read More
  4. 유튜브 반응형 만들기

    Date2024.04.09 Views37
    Read More
  5. 엑셀파일 읽어서 바로 DB에 업로드하기

    Date2024.04.09 Views60
    Read More
  6. 회원 가입 페이지에서 랜덤 닉네임 보여주기

    Date2024.04.09 Views56
    Read More
  7. 게시물 관리 기능을 업데이트

    Date2024.04.09 Views39
    Read More
  8. 날짜및 시간 선택 jquery 라이브러리

    Date2024.04.09 Views47
    Read More
  9. mysql concat 날짜와 시간을 문자열로 합치기 시간의 크기 비교

    Date2023.05.16 Views179
    Read More
  10. 회원가입 못하게

    Date2023.01.05 Views128
    Read More
  11. 그누보드 이력서 스킨

    Date2021.03.24 Views214
    Read More
  12. fullcalendar 달력 게시판 스킨

    Date2021.03.24 Views423
    Read More
  13. 그누보드 카카오톡 로그인 V2 플러그인

    Date2021.03.24 Views332
    Read More
  14. 회원 등급(권한)에 따라서 다른 메시지 보이기

    Date2021.03.24 Views189
    Read More
  15. '정상적으로 로그인하여 접근하시기 바랍니다.' 해결 방법

    Date2020.12.09 Views483
    Read More
  16. 링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)

    Date2019.12.13 Views1286
    Read More
  17. 회원 목록을 select 로 불러와서 선택시 input 에 집어넣기

    Date2019.12.13 Views640
    Read More
  18. 네이버 밴드 글 가져오기

    Date2019.12.13 Views547
    Read More
  19. 카운트다운 스크립트

    Date2019.12.13 Views370
    Read More
  20. 이름 마지막 한자리 별표 처리

    Date2019.12.13 Views372
    Read More
Board Pagination Prev 1 2 3 4 Next
/ 4

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved