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

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

· 7년 전 · 6369 · 1

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

5년 전
좋은정보 감사합니다.

게시글 목록

번호 제목
16019
16015
16014
16013
16011
16010
16009
16008
16004
16003
16002
16001
15993
15992
15991
15988
15987
15986
15985
15981
15980
15979
15978
15977
15976
15975
15974
15973
15971
15970