본문 바로가기
기타 끄적,끄적

웹페이지에 1:30초 카운트다운 달기

by N2info 2020. 6. 1.

웹페이지에 1:30초 카운트다운을 붙이기 위해 서칭한 결과이다.

<div id=timer></div>
<script type="text/javascript">
    var timeoutHandle;
    function countdown(minutes, seconds) {
        function tick() {
            var counter = document.getElementById("timer");
            counter.innerHTML =
                minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);
            seconds--;
            if (seconds >= 0) {
                timeoutHandle = setTimeout(tick, 1000);
            } else {
                if (minutes >= 1) {
                    // countdown(mins-1);   never reach “00″ issue solved:Contributed by Victor Streithorst
                    setTimeout(function () {
                        countdown(minutes - 1, 59);
                    }, 1000);
                }
            }
        }
        tick();
    }

    countdown(1, 30);  // 이 부분을 변경하면 시간을 바꿀수 있다
</script>