JS 카운트 다운 코드 요약

저자：Eve Cole 업데이트 시간：2025-03-27 19:00:03

이 기사는 공통 JS 카운트 다운 코드를 요약합니다. 참조를 위해 공유하십시오. 특정 요약은 다음과 같습니다.

첫 번째 유형 : JavaScript 카운트 다운 코드는 몇 초에서 정확합니다.

HTML 코드 :

다음과 같이 코드를 복사하십시오. <form name = "form1">

<입력 유형 = "textArea"name = "왼쪽"size = "35"style = "text-align : center">

</센터>

</div>

</form>

startClock ()

var timerid = null;

var timerrunning = false;

함수 showtime () {

오늘 = 새로운 날짜 ();

var whour = today.gethours ();

var nowminute = today.getminutes ();

var nowmonth = today.getmonth ();

var nowdate = today.getDate ();

var nowyear = today.getyear ();

var nowsecond = today.getSeconds ();

if (nowyear <2000)

nowyear = 1900+nowyear;

오늘 = null;

HourLeft = 23- 곳

minuteleft = 59- 지금은

SecondLeft = 59- 이제

YearLeft = 2009- 지금

Monthleft = 12 -Nowmonth -1

dateleft = 31- 지금

if (secondleft <0)

{

SecondLeft = 60+SecondLeft;

minuteleft = minuteleft-1;

}

if (minuteleft <0)

{

minuteleft = 60+minuteleft;

HourLeft = HourLeft-1;

}

if (HourLft <0)

{

HourLeft = 24+untleft;

dateleft = dateleft-1;

}

if (dateleft <0)

{

dateleft = 31+dateleft;

Monthleft = Monthleft-1;

}

if (monthleft <0)

{

Monthleft = 12+monthleft;

YearLeft = YearLeft-1;

}

temp = Yearleft+'Year,'+Monthleft+'Month,'+dateleft+'Day,'+HourLeft+'시간,'+minuteleft+'minute,'+secondleft+'Second'

document.form1.left.value = temp;

TIMERID = settimeout ( "showtime ()", 1000);

타임 런닝 = true;

}

var timerid = null;

var timerrunning = false;

함수 stopClock () {

if (Timerrunning)

클리어 타임 아웃 (타이머);

시간 시간 = 거짓;

}

함수 startClock () {

stopclock ();

showtime ();

}

//->

</스크립트>

두 번째 유형 : 특정 스포츠 회의

HTML 코드 :

다음과 같이 코드를 복사하십시오. <!-Countdown JavaScript 시작->

<!-

기능 DigitalTime1 ()

{

var 마감일 = 새 날짜 ( "08/13/2007") // 카운트 다운 오프닝

var symbol = "8 월 13 일"

var now = 새로운 날짜 ()

var diff = -480- now.gettimezoneoffset () // 베이징 시간과 현지 시간의 시차입니다.

var leave = (Deadline.getTime () - now.gettime ()) + diff*60000

var day = math.floor (Leave / (1000 * 60 * 60 * 24))

var hour = math.floor (Leave / (1000 * 3600)) - (Day * 24)

var minute = math.floor (Leave / (1000 * 60)) - (Day * 24 * 60) - (시간 * 60)

var second = math.floor (Leave / (1000)) - (Day * 24 * 60 * 60) - (시간 * 60 * 60) - (분 * 60)

var deadline_2 = 새 날짜 ( "08/13/2004") // 개방 시간 후

var symbol_2 = "8 월 13 일"

var now_2 = 새로운 날짜 ()

var diff_2 = -480- now.gettimezoneoffset () // 베이징 시간과 현지 시간의 시차입니다.

var leave_2 = (now_2.gettime () - Deadline_2.gettime ()) + diff_2*60000

var day_2 = math.floor (Leave_2 / (1000 * 60 * 60 * 24))

var hour_2 = math.floor (Leave_2 / (1000 * 3600)) - (day_2 * 24)

var mine_2 = math.floor (Leave_2 / (1000 * 60)) - (day_2 * 24 * 60) - (Hour_2 * 60)

var second_2 = math.floor (Leave_2 / (1000)) - (day_2 * 24 * 60 * 60) - (Hour_2 * 60 * 60) - (Minut_2 * 60)

day = day+1;

day_2 = day_2+1;

if (day> 0) // 아직 열리지 않았습니다

{

//liveclock1.innerhtml = "now"+symbol+"day"

liveclock1.innerhtml = "<font

settimeout ( "DigitalTime1 ()", 1000)

}

if (day <0) // 열렸습니다

{

//liveClock1.innerhtml = "이제 여전히"+Day+"Day+"Day+"Hour"Hour "Hour"Minute+"Minute+"Second+"Second"가 있습니다.

liveclock1.innerhtml = "<font

settimeout ( "DigitalTime1 ()", 1000)

}

if (day == 0) // 열기

{

//liveclock1.innerhtml = "now"+symbol+"day"

liveclock1.innerhtml = "<font

settimeout ( "DigitalTime1 ()", 1000)

}

if (day <0 & day_2> 19) // 스포츠 회의가 끝납니다

{

//liveClock1.innerhtml = "이제 여전히"+Day+"Day+"Day+"Hour"Hour "Hour"Minute+"Minute+"Second+"Second"가 있습니다.

liveclock1.innerhtml = "<font

settimeout ( "DigitalTime1 ()", 1000)

}

//->

</스크립트>

<!-카운트 다운 JavaScript End->

</body>

세 번째 유형 : 시간 카운트 다운

HTML 코드 :

다음과 같이 코드를 복사하십시오. <script language = "javaScript">

<!-

var maxtime = 60*60 // 1 시간, 몇 초 만에 계산하고 직접 조정하십시오!

함수 countdown () {

if (maxtime> = 0) {

분 = 수학 (Maxtime/60);

SECONDS = MATH.FLOOR (MAXTIME`);

msg = "거리 끝에" + 분 + "분" + 초 + "초"가 있습니다.

document.all [ "타이머"]. innerhtml = msg;

if (maxtime == 5*60) Alert ( '참고, 5 분 남았습니다!');

-마시 타임;

}

또 다른{

ClearInterval (타이머);

Alert ( "시간이 상승, 끝!");

}

TIMER = setInterVal ( "countdown ()", 1000);

//->

</스크립트>

네 번째 유형 : 가장 간단한 카운트 다운

HTML 코드 :

다음과 같이 코드를 복사하십시오. <script language = "javaScript">

<!- 시작

var timedate = new 날짜 ( "1 월 14,2006");

var times = "대학원 시험";

var now = 새 날짜 ();

var date = timedate.gettime () - now.gettime ();

var time = math.floor (날짜 / (1000 * 60 * 60 * 24));

if (time> = 0);

document.write ( "<li> <font color =#dedbde> 이제 2006 년에는 여전히"+times+"가 있습니다 : <font color =#ffffff> <b>"+time+"</b> </font> days </font> </li>");

// 종료 ->

</스크립트>

다섯 번째 유형 : 가장 간단한 카운트 다운 2

HTML 코드 :

다음과 같이 코드를 복사하십시오. <script language = "javaScript"type = "text/javaScript">

함수 djs () {

var urodz = 새 날짜 ( "11/12/2008");

var now = 새 날짜 ();

var num

var il = urodz.gettime () - now.gettime ();

var dni = math.floor (ILE / (1000 * 60 * 60 * 24));

if (dni> 1)

num = dni+1

else if (dni == 1) num = 2입니다

else if (dni == 0) num = 1

그렇지 않으면 num = 0

document.write (num)

}

</스크립트>

특정 사람의 개막식 전 며칠이 전 며칠이 있습니다.

여섯 번째 : JavaScript Countdown 타이머 - 시스템 시간의 자체 점검

이번에는 카운트 다운은 시스템 시간의 자체 점검으로 점검되며 카운트 다운을보다 정확하게 만들기 위해 수동 조정이 필요하지 않습니다. 코드 및 자세한 주석은 다음과 같습니다.

다음과 같이 코드를 복사하십시오. <span id = "clock"> 00 : 01 : 11 : 00 </span>

<br>

var normalelapse = 100;

var nextelapse = normalelapse;

var 카운터;

var starttime;

var start = clock.innertext;

var finish = "00 : 00 : 00 : 00";

var timer = null;

// 실행을 시작합니다

함수 run () {

startb.disabled = true;

endb.disabled = false;

카운터 = 0;

// 초기화 시작 시간

starttime = new Date (). valueOf ();

// NextElapse는 처음에 100 밀리 초의 타이밍 시간입니다

// setInterVal 함수 참고 : NextElapse (밀리 초)가 전달됩니다.

TIMER = Window.setInterVal ( "ontimer ()", NextLapse);

}

// 실행 중지

함수 정지 () {

startb.disabled = false;

endb.disabled = true;

Window.clearTimeout (타이머);

}

Window.onload = function () {

endb.disabled = true;

}

// 카운트 다운 함수

ontimer () 함수

{

if (start == finish)

{

Window.clearInterval (타이머);

Alert ( "시간이 다!");

반품;

}

var hms = new String (start) .split ( ":");

var ms = 새 번호 (hms [3]);

var s = 새 번호 (hms [2]);

var m = 새 숫자 (hms [1]);

var h = 새 번호 (hms [0]);

MS- = 10;

if (ms <0)

{

MS = 90;

s- = 1;

if (s <0)

{

s = 59;

m- = 1;

}

if (m <0)

{

M = 59;

H- = 1;

}

var ms = ms <10? ( "0" + MS) : MS;

var ss = s <10? ( "0" + s) : s;

var sm = m <10? ( "0" + m) : m;

var sh = h <10? ( "0" + H) : H;

start = sh + ":" + sm + ":" + ss + ":" + ms;

clock.innertext = start;

// 마지막 타이머를 지우십시오

Window.clearInterval (타이머);

// 자체 점검 시스템의 시간 차이 시간이 얻어 지므로 다음에 시작된 새 타이머의 시간은 다음에 획득됩니다.

카운터 ++;

var countersecs = counter * 100;

var elapsesecs = new Date (). valueOf () - 시작 시간;

var diffsecs = countersecs -Elapsesecs;

NextLapse = normalelapse + diffsecs;

diff.value = countersecs + "-" + elapsesecs + "=" + diffsecs;

다음.value = "nextelapse =" + nextelapse;

if (NextElapse <0) nextelapse = 0;

// 새 타이머를 시작합니다

TIMER = Window.setInterVal ( "ontimer ()", NextLapse);

}

</스크립트>

이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.