태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

실시간 카운트 다운 함수

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>

추천 목록

번호	제목
785	php 랜덤 이미지 디렉토리 검색으로 편하게..
784	랜덤배너 소스
783	랜덤으로 파일 가져와서 재생하고, 끝나면 다른 랜덤파일 또 재생하기..
782	로컬 날짜/시간을 형식화합니다.
781	MySQL 데이타 입력 크기
780	테이블의 폭을 고정하고 싶을때..
	실시간 카운트 다운 함수
778	웹 서버 접속자의 IP 주소 혹은 도메인명을 가져오는 함수
777	메일전송 클래스(SMTP Class)
776	시간 : date() 옵션 정리
775	파일 및 데이타베이스 백업
774	디렉토리별 용량 체크
773	아파치인증과 비슷한 로그인 페이지 만들기
772	리눅스 명령어
771	mail() 함수를 이용한 첨부 메일 보내기
770	.htaccess를 이용한 PHP ini 환경설정
769	파일찾기 버튼 이미지로 변경하기
768	자동로그인 예제 (로봇)
767	정규식 (PHP)
766	mysqladmin 활용방법 총정리
765	양/음력 달력 변환 함수(띠,요일,간지 포함)
764	박스안의 글이 상하좌우..원하는 방향으로..
763	특이한 글자애니메이션
762	PHP 속도를 향상시키는 방법들 ★ 무조건 알아야 할 PHP 속도 테스트 14 가지
761	자바스크립트 보안법입니다
760	웹 문서 암호화 스크립트
759	셀렉트 메뉴를 레이어로 표현
758	CSS 및 JAVASCRIPT 소스 효과적으로 숨기기
757	도트 이모티콘 생성기
756	링크에도 소리가...