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

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

<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개

좋은정보 감사합니다.

게시글 목록

번호 제목
17819
17818
17817
17816
17814
17811
17810
17809
17808
17803
17799
17798
17797
17795
17794
17793
JavaScript JSON Beautify
17790
17789
17786
17774
17760
17755
17750
17729
17722
17714
17708
17686
17676
17666