크롬80버전 결제 이슈, 영카트5 주요패치 확인!

카운트다운 스크립트 > 그누보드5 팁자료실

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 팁자료실

카운트다운 스크립트 정보

카운트다운 스크립트

본문

작업중에 팁 공유합니다~ ^^

지정한 날짜/시간/분/초 까지 남은시간을 실시간 카운트 해줍니다.
남은시간이 없는 경우 종료문구 포함되어 있습니다.
경매 등에 사용하면 좋을것 같습니다~

 


Script

 

<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>

 


Html

 

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


예시화면 첨부합니다.

 

237736610_1583989315.967.jpg

추천13

댓글 전체

CountDownTimer('12/20/2019 00:00', 'countdown');
에서 미리 날자/시간부분을 변수로 지정 해주면
알아서 카운트하도록 사용하는 용도라..ㅎㅎ
스크립트안에 타이머 부분을 여분필드로 처리하시면 될것 같네요~

//CountDownTimer('12/20/2019 00:00', 'countdown');
CountDownTimer('<?php echo $list[i]['wr_1'] // 날짜?> <?php echo $list[i]['wr_2'] //시간?>', 'countdown');
전체 1,634 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT