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

남은시간 카운트하는 자바스크립트

<SCRIPT language=JavaScript> 

function getTime() { 

now = new Date(); 

dday = new Date(2013,02,14,18,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>

<STYLE type=text/css>

/*타임*/

#count {

 height: 167px;

 color: #000;

 padding-left: 100px;

 padding-top:130px;

 background-image: url(http://www.bb.co.kr/data/201302/IJ13607483252985/12.jpg);

 background-repeat: no-repeat;

}

#bt {

 height: 16px;

 width: 49;

 padding-left: 100px;

 padding-top: 0px;

}

</STYLE>

<TABLE cellSpacing=0 cellPadding=0>

<TBODY>

<TR>

<TD height=167 width=256>

<DIV id=count><SPAN style="FONT: bold 12px Gulim; COLOR: #000" id=counter1></SPAN><FONT style="FONT-FAMILY: '굴림'; size: 7px">시간</FONT> <SPAN style="FONT: bold 12px Gulim; COLOR: #000" id=counter2></SPAN><FONT style="FONT-FAMILY: '굴림'; size: 7px">분</FONT> <SPAN style="FONT: bold 12px Gulim; COLOR: #000" id=counter3></SPAN><FONT style="FONT-FAMILY: '굴림'; size: 7px">초 남음</FONT>

<SPAN style="padding-left:30px;"></SPAN></div>

</TD></TR></TBODY></TABLE>

<SCRIPT>getTime()</SCRIPT>

댓글 작성

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

로그인하기

댓글 1개

좋은정보 감사합니다.

게시글 목록

번호 제목
17591
17590
17589
17588
17587
17584
17583
17582
17581
17579
17577
17575
17574
17573
17572
17569
17564
17560
17559
17555
17554
17553
17552
17549
17548
17547
17542
17533
17531
17524