태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

실시간 카운트 다운 함수

16년 전

<HTML>
<HEAD>

<SCRIPT Language="JavaScript">
/* 초기화 */
var timerID;
var timerRunning = false;
var today = new Date();
var startday = new Date();
var enday = new Date();
var secPerDay = 0;
var minPerDay = 0;
var hourPerDay = 0;
var secsLeft = 0;
var secsRound = 0;
var secsRemain = 0;
var minLeft = 0;
var minRound = 0;
var minRemain = 0;
var timeRemain = 0;

/* 타이머 정지 */

function stopclock(){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

/* 타이머 시작 */

function startclock() {
stopclock();
showtime();
showtime1();
}

/* 카운트 다운 타이머 부분 */

function showtime() {
today = new Date();
enday = new Date("December 12, 2002 00:00"); // D-day
enday.setYear("2002");
secsPerDay = 1000 ;
minPerDay = 60 * 1000 ;
hoursPerDay = 60 * 60 * 1000;
PerDay = 24 * 60 * 60 * 1000;

/* 초 */

secsLeft = (enday.getTime() - today.getTime()) / minPerDay;
secsRound = Math.round(secsLeft);
secsRemain = secsLeft - secsRound;
secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound -
secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60;
secsRemain = Math.round(secsRemain);

/* 분 */

minLeft = ((enday.getTime() - today.getTime()) / hoursPerDay);
minRound = Math.round(minLeft);
minRemain = minLeft - minRound;
minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) *
60) : minRemain = ((minLeft - minRound) * 60);
minRemain = Math.round(minRemain - 0.495);

/* 시 */

hoursLeft = ((enday.getTime() - today.getTime()) / PerDay);
hoursRound = Math.round(hoursLeft);
hoursRemain = hoursLeft - hoursRound;
hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound -
hoursLeft) * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24);
hoursRemain = Math.round(hoursRemain - 0.5);

/* 날짜 */

daysLeft = ((enday.getTime() - today.getTime()) / PerDay);
daysLeft = (daysLeft - 0.5);
daysRound = Math.round(daysLeft);
daysRemain = daysRound;

/* 시간표시 */

day_rem = " 일, "
hour_rem = " 시간, "
min_rem = " 분, "
sec_rem = " 초"

timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain +
min_rem + secsRemain + sec_rem;
document.down.age.value = timeRemain;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
if (daysRemain < 0) {
clearTimeout(timerID);
timerRunning = false;
document.down.age.value = "D-day 카운트다운이 끝났습니다";
}
}

/* 카운트 업 부분 */

function showtime1() {
    startday = new Date("March 01, 1970 15:03"); // 카운트업 출발 시간
    startday.setYear("1970");
    today = new Date();
    secsPerDay = 1000 ;
    minPerDay = 60 * 1000 ;
    hoursPerDay = 60 * 60 * 1000;
    PerDay = 24 * 60 * 60 * 1000;

    /* 초 */
    secsLeft = (today.getTime() - startday.getTime()) / minPerDay;
    secsRound = Math.round(secsLeft);
    secsRemain = secsLeft - secsRound;
    secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound -
    secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60;
    secsRemain = Math.round(secsRemain);

    /* 분 */
    minLeft = ((today.getTime() - startday.getTime()) / hoursPerDay);
    minRound = Math.round(minLeft);
    minRemain = minLeft - minRound;
    minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) *
    60) : minRemain = ((minLeft - minRound) * 60);
    minRemain = Math.round(minRemain - 0.495);

    /* 시 */
    hoursLeft = ((today.getTime() - startday.getTime()) / PerDay);
    hoursRound = Math.round(hoursLeft);
    hoursRemain = hoursLeft - hoursRound;
    hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound -
    hoursLeft) * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24);
    hoursRemain = Math.round(hoursRemain - 0.5);

    /* 일 */
    daysLeft = ((today.getTime() - startday.getTime()) / PerDay);
    daysLeft = (daysLeft - 0.5);
    daysRound = Math.round(daysLeft);
    daysRemain = daysRound;

    /* 시간표시 */

    day_rem = " 일, "
    hour_rem = " 시간, "
    min_rem = " 분, "
    sec_rem = " 초"

    timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain +
    min_rem + secsRemain + sec_rem;
    document.up.age.value = timeRemain;
    timerID = setTimeout("showtime1()",1000);
    timerRunning = true;
}
// -->
</SCRIPT>
</HEAD>



<BODY BGCOLOR="#FFFFFF" onLoad="startclock()">



<P><CENTER>
<TABLE BORDER="5" BGCOLOR="orange" CELLPADDING="10" CELLSPACING ="5" width=300>
<TR><TD>

<center>
<FORM NAME="down" onSubmit="0">
<INPUT TYPE="text" NAME="age" SIZE="47" VALUE="JavaScript 1.1+ 가 필요합니다" style="background-color=yellow">
<h3>2002년 봉운이 생일 남은시간</h3>
</center>

</TD></TR></FORM></TABLE>

<P>

<TABLE BORDER="5" BGCOLOR="orange" CELLPADDING="10" CELLSPACING ="5" width=300>
<TR><TD>
<center><FORM NAME="up" onSubmit="1">
<INPUT TYPE="text" NAME="age" SIZE="47" VALUE="JavaScript 1.1+ 필요" style="background-color=yellow">
<h3>지금까지 살아온 시간</h3>
</center>
</TD></TR>
</FORM>
</TABLE>
</BODY>
</HTML>