쇼핑몰에 카운트 타이머를 달게 되었습니다.
미래의 정해진 특정시간까지 지금으로 부터 몇시간 몇분 몇초가 남았는지 카운트해주는 타이머입니다.
전 스크립트를 잘 모르기 때문에, 네이버에 뒤져서 스크립트를 하나 구했어요.
해당 스크립트는 클라이언트 PC별로 카운트 되는 것이 아니고, 서버 시간기준으로 일관성있는 카운트를 해주고 있어서 안성맞춤이었습니다.
그런데 문제는 해당일 해당 시간 즉, D-DAY가 되면 카운트가 0시간 0분 0초까지 되었다가 갑자기 다시 24시간 남은 것으로 카운트가 되더군요.
질문의 요지는,
원하는 미래의 시간 즉, D-DAY에 도래하면 위 카운트가 '0시간 0분 0초 남음' 으로 된 후 그냥 멈춰버렸음 하는데요.
스크립트를 공부하고 있는 초보자인데 도저히 제 실력으론 할 수가 없습니다.
고수님들의 도움 부탁드려요.. 이번 기회로 많은 배움이 되었음 합니다.
해당 스크립트 소스는 아래와 같습니다.
Copy
<!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>답변 1개 / 댓글 1개
채택된 답변
+20 포인트
불량학생™
2014-11-10 (월) 11:34:24
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.