타이머 스크립트 수정해주실 분
본문
쇼핑몰에 카운트 타이머를 달게 되었습니다.
미래의 정해진 특정시간까지 지금으로 부터 몇시간 몇분 몇초가 남았는지 카운트해주는 타이머입니다.
전 스크립트를 잘 모르기 때문에, 네이버에 뒤져서 스크립트를 하나 구했어요.
해당 스크립트는 클라이언트 PC별로 카운트 되는 것이 아니고, 서버 시간기준으로 일관성있는 카운트를 해주고 있어서 안성맞춤이었습니다.
그런데 문제는 해당일 해당 시간 즉, D-DAY가 되면 카운트가 0시간 0분 0초까지 되었다가 갑자기 다시 24시간 남은 것으로 카운트가 되더군요.
질문의 요지는,
원하는 미래의 시간 즉, D-DAY에 도래하면 위 카운트가 '0시간 0분 0초 남음' 으로 된 후 그냥 멈춰버렸음 하는데요.
스크립트를 공부하고 있는 초보자인데 도저히 제 실력으론 할 수가 없습니다.
고수님들의 도움 부탁드려요.. 이번 기회로 많은 배움이 되었음 합니다.
해당 스크립트 소스는 아래와 같습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<SCRIPT language=JavaScript>
function getTime() {
now = new Date();
dday = new Date(2014,02,14,23,00,00); // 원하는 날짜, 시간 정확하게 초단위까지 기입.
days = (dday - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (dday - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (dday - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (dday - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
document.getElementById("counter1").innerHTML = hoursRound;
document.getElementById("counter2").innerHTML = minutesRound;
document.getElementById("counter3").innerHTML = secondsRound;
newtime = window.setTimeout("getTime();", 1000);
}
</SCRIPT>
<SCRIPT>getTime()</SCRIPT>
<STYLE type="text/css">
/*타임*/
#count {
height: 167px;
color: #000;
padding-left: 100px;
padding-top:130px;
background-repeat: no-repeat;
}
#bt {
height: 16px;
width: 49;
padding-left: 100px;
padding-top: 0px;
}
</STYLE>
</head>
<body>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD height=167 width=256>
<DIV id=count>
<SPAN style="FONT: bold 12px; COLOR: #000" id=counter1></SPAN>시간
<SPAN style="FONT: bold 12px; COLOR: #000" id=counter2></SPAN>분
<SPAN style="FONT: bold 12px; COLOR: #000" id=counter3></SPAN>초 남음
<SPAN style="padding-left:30px;"></SPAN>
</div>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.