자바스크립트 질문드립니다.
본문
안녕하세요
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
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<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);
$(".timer").html(hour + " : " + min + " : " + sec);
} else {
// $("#timer").html("00 : 00 : 00");
$(".timer").html("00 : 00 : 00");
}
}
var x = setInterval(setTimer, 1000);
</script>
<span class="timer" id="timer">00 : 00 : 00</span><br />
<span class="timer">00 : 00 : 00</span><br />
<span class="timer">00 : 00 : 00</span><br />
<span class="timer">00 : 00 : 00</span><br />
<span class="timer">00 : 00 : 00</span><br />