태그 자료실 995

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

실시간 카운트 다운 함수

17년 전

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

추천 목록

번호	제목
791	자바스크립트 3자리마다 콤마찍기
790	날짜 구하기
789	자바스크립트 사용자 함수
788	javascript함수
787	익스플로러 주소창에 이쁜 아이콘 넣기
786	각종 메타테크
785	MARQUEE 태그
784	tabindex : TAB 키를 통하여 이동순서 지정
783	text-overflow
782	textarea 텍스트 입력창에 넓이값에 자동으로 반응하는 팁
781	head에 사용되는 메타테그 및 기타 테그
780	rand() 함수를 이용한 뒤죽박죽 날짜 출력
779	초간단 php 랜덤 이미지 및 랜덤 배경이미지 소스
778	미디 랜덤으로 듣기 완벽해결!
777	[배경음악] 첫곡은 랜덤, 그 이후로는 순차재생
776	랜덤이미지..Javascript
775	배경색 랜덤으로 바꾸는 스크립트
774	php 랜덤 이미지 디렉토리 검색으로 편하게..
773	랜덤배너 소스
772	랜덤으로 파일 가져와서 재생하고, 끝나면 다른 랜덤파일 또 재생하기..
771	로컬 날짜/시간을 형식화합니다.
770	MySQL 데이타 입력 크기
769	테이블의 폭을 고정하고 싶을때..
	실시간 카운트 다운 함수
767	웹 서버 접속자의 IP 주소 혹은 도메인명을 가져오는 함수
766	메일전송 클래스(SMTP Class)
765	시간 : date() 옵션 정리
764	파일 및 데이타베이스 백업
763	디렉토리별 용량 체크
762	아파치인증과 비슷한 로그인 페이지 만들기