테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 질문드립니다. 채택완료

그누배우자 2년 전 조회 1,382

안녕하세요

00:00까지 세는 카운터를 퍼왔습니다.

 

 

<script>
            function setTimer() {
                var now = new Date();
                var endDateTime = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 0, 0, 0);

                var nt = now.getTime();
                var et = endDateTime.getTime();

                if (nt < et) {
                    sec = parseInt(et - nt) / 1000;
                    day = parseInt(sec / 60 / 60 / 24);
                    sec = (sec - (day * 60 * 60 * 24));
                    hour = parseInt(sec / 60 / 60);
                    sec = (sec - (hour * 60 * 60));
                    min = parseInt(sec / 60);
                    sec = parseInt(sec - (min * 60));
                    if (min.toString().length == 1) {
                        min = "0" + min;
                    }
                    if (sec.toString().length == 1) {
                        sec = "0" + sec;
                    }
                    $("#timer").html(hour + " : " + min + " : " + sec);
                } else {
                    $("#timer").html("00 : 00 : 00");
                }
            }

            var x = setInterval(setTimer, 1000);

</script>

 

<span id="timer">00 : 00 : 00</span>

 

이런식으로 하면 적용이 잘되는데

여러개를 사용하려면 첫음에 마킹한것 밖에 안나오네요

 

10개 정도 사용예정인데.. 고민입니다..

 

고수님들 도움 부탁드립니다. ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
2년 전

</p>

<p><script src="<a href="http://code.jquery.com/jquery-latest.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.min.js"></script></a>

<script>

            function setTimer() {

                var now = new Date();

                var endDateTime = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 0, 0, 0);</p>

<p>                var nt = now.getTime();

                var et = endDateTime.getTime();</p>

<p>                if (nt < et) {

                    sec = parseInt(et - nt) / 1000;

                    day = parseInt(sec / 60 / 60 / 24);

                    sec = (sec - (day * 60 * 60 * 24));

                    hour = parseInt(sec / 60 / 60);

                    sec = (sec - (hour * 60 * 60));

                    min = parseInt(sec / 60);

                    sec = parseInt(sec - (min * 60));

                    if (min.toString().length == 1) {

                        min = "0" + min;

                    }

                    if (sec.toString().length == 1) {

                        sec = "0" + sec;

                    }

                    // $("#timer").html(hour + " : " + min + " : " + sec);

                    $(".timer").html(hour + " : " + min + " : " + sec);

                } else {

                    // $("#timer").html("00 : 00 : 00");

                    $(".timer").html("00 : 00 : 00");

                }

            }</p>

<p>            var x = setInterval(setTimer, 1000);</p>

<p></script></p>

<p> </p>

<p><span class="timer" id="timer">00 : 00 : 00</span>


<span class="timer">00 : 00 : 00</span>


<span class="timer">00 : 00 : 00</span>


<span class="timer">00 : 00 : 00</span>


<span class="timer">00 : 00 : 00</span>
</p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인