สรุปรหัสการนับถอยหลัง JS

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-03-27 19:00:03

บทความนี้สรุปรหัสการนับถอยหลัง JS ทั่วไป แบ่งปันสำหรับการอ้างอิงของคุณ สรุปเฉพาะมีดังนี้:

ประเภทแรก: รหัสการนับถอยหลัง JavaScript ที่แม่นยำถึงวินาที

รหัส HTML:

คัดลอกรหัสดังนี้: <form name = "form1">

<enter> ยังมีอยู่ในปี 2010: <br>

</enter>

</div>

</form>

<ภาษาสคริปต์ = "JavaScript">

startClock ()

var timerid = null;

var timerrunning = false;

ฟังก์ชั่น Showtime () {

วันนี้ = วันใหม่ ();

var nowhour = วันนี้ getHours ();

var nowminute = วันนี้ getMinutes ();

var nowmonth = วันนี้ getMonth ();

var nowdate = วันนี้ getDate ();

var nowyear = วันนี้ getYear ();

var nowsecond = วันนี้ getSeconds ();

ถ้า (Nowyear <2000)

Nowyear = 1900+Nowyear;

วันนี้ = null;

Hourleft = 23 - Nowhour

minuteleft = 59 - nowminute

SecondLeft = 59 - Nowsecond

Yearleft = 2009 - Nowyear

monthleft = 12 - NowMonth - 1

dateleft = 31 - nowdate

ถ้า (SeconleLeft <0)

SecondLeft = 60+SecondLeft;

minuteleft = minuteleft-1;

ถ้า (minuteleft <0)

minuteleft = 60+minuteleft;

hourleft = hourleft-1;

ถ้า (hourleft <0)

hourleft = 24+ชั่วโมง;

dateleft = dateleft-1;

if (dateleft <0)

Dateleft = 31+Dateleft;

monthleft = monthleft-1;

ถ้า (monthleft <0)

monthleft = 12+monthleft;

yearleft = yearleft-1;

temp = yearleft+'ปี,'+monthleft+'เดือน,'+dateleft+'วัน,'+hourleft+'ชั่วโมง,'+minuteleft+'นาที,'+secondleft+'second'

document.form1.left.value = temp;

timerid = settimeout ("showtime ()", 1,000);

timerrunning = true;

var timerid = null;

var timerrunning = false;

ฟังก์ชัน StopClock () {

ถ้า (timerrunning)

ClearTimeout (Timerid);

timerrunning = false;

ฟังก์ชั่น startClock () {

Stopclock ();

Showtime ();

</script>

ประเภทที่สอง: การประชุมกีฬาบางครั้ง

รหัส HTML:

คัดลอกรหัสดังนี้: <!-นับถอยหลัง JavaScript เริ่มต้น->

<ภาษาสคริปต์ = "JavaScript">

ฟังก์ชั่น DigitalTime1 ()

Deadline var = วันที่ใหม่ ("08/13/2007") // เปิดการนับถอยหลัง

var symbol = "13 สิงหาคม"

var now = วันที่ใหม่ ()

var diff = -480 - now.gettimezoneoffset () // คือความแตกต่างของเวลาระหว่างเวลาปักกิ่งและเวลาท้องถิ่น

var leave = (กำหนดเวลา getTime () - now.getTime ()) + diff*60000

var day = math.floor (ลา / (1,000 * 60 * 60 * 24))

var hour = math.floor (ลา / (1,000 * 3600)) - (วัน * 24)

var minute = math.floor (ปล่อย / (1,000 * 60)) - (วัน * 24 * 60) - (ชั่วโมง * 60)

var second = math.floor (ปล่อย / (1,000)) - (วัน * 24 * 60 * 60) - (ชั่วโมง * 60 * 60) - (นาที * 60)

var deadline_2 = วันที่ใหม่ ("08/13/2004") // หลังจากเวลาเปิดทำการ

var symbol_2 = "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 / (1,000 * 3600)) - (day_2 * 24)

var minute_2 = math.floor (leave_2 / (1000 * 60)) - (day_2 * 24 * 60) - (ชั่วโมง _2 * 60)

var second_2 = math.floor (leave_2 / (1000)) - (day_2 * 24 * 60 * 60) - (ชั่วโมง _2 * 60 * 60) - (นาที _2 * 60)

วัน = วัน+1;

day_2 = day_2+1;

ถ้า (วัน> 0) // ยังไม่เปิด

//liveclock1.innerhtml = "Now"+Symbol+"Day"

LiveClock1.innerhtml = "<font

Settimeout ("DigitalTime1 ()", 1,000)

ถ้า (วัน <0) // มันเปิดออก

//liveclock1.innerhtml = "ตอนนี้ยังมี"+วัน+"วัน+" วัน+"ชั่วโมง+" ชั่วโมง+"นาที+" นาที+"วินาที+" วินาที "

LiveClock1.innerhtml = "<font

Settimeout ("DigitalTime1 ()", 1,000)

ถ้า (วัน == 0) // เปิด

//liveclock1.innerhtml = "Now"+Symbol+"Day"

LiveClock1.innerhtml = "<font

Settimeout ("DigitalTime1 ()", 1,000)

ถ้า (วัน <0 & day_2> 19) // การประชุมกีฬาสิ้นสุดลง

LiveClock1.innerhtml = "<font

Settimeout ("DigitalTime1 ()", 1,000)

</script>

<!-Countdown JavaScript End->

</body>

ประเภทที่สาม: การนับถอยหลังชั่วโมง

รหัส HTML:

คัดลอกรหัสดังต่อไปนี้: <ภาษาสคริปต์ = "JavaScript">

var maxtime = 60*60 // หนึ่งชั่วโมงคำนวณเป็นวินาทีปรับด้วยตัวเอง!

ฟังก์ชั่นนับถอยหลัง () {

if (maxtime> = 0) {

นาที = math.floor (maxtime/60);

วินาที = math.floor (maxtime`);

msg = "ยังมี" + นาที + "นาที" + วินาที + "วินาที" ในตอนท้ายของระยะทาง;

document.all ["ตัวจับเวลา"]. innerhtml = msg;

ถ้า (maxtime == 5*60) การแจ้งเตือน ('หมายเหตุเหลือ 5 นาที!');

-แมกเทียม;

อื่น{

ClearInterval (ตัวจับเวลา);

การแจ้งเตือน ("เวลาสิ้นสุดลงแล้ว!");

timer = setInterval ("countdown ()", 1,000);

</script>

ประเภทที่สี่: การนับถอยหลังที่ง่ายที่สุด

รหัส HTML:

คัดลอกรหัสดังต่อไปนี้: <ภาษาสคริปต์ = "JavaScript">

<!- เริ่มต้น

var timeDate = วันที่ใหม่ ("14 มกราคม 2559");

var times = "การสอบบัณฑิต";

var now = new Date ();

var date = timeDate.getTime () - now.getTime ();

var time = math.floor (วันที่ / (1,000 * 60 * 60 * 24));

ถ้า (เวลา> = 0);

document.write ("<li> <font color =#dedbde> ตอนนี้ยังมี"+times+"ในปี 2549: <font color =#ffffff> <b>"+เวลา+"</b> </font> วัน </font> </li>");

// end ->

</script>

ประเภทที่ห้า: การนับถอยหลังที่ง่ายที่สุดสอง

รหัส HTML:

คัดลอกรหัสดังต่อไปนี้: <ภาษาสคริปต์ = "javascript" type = "text/javascript">

ฟังก์ชั่น djs () {

var urodz = วันที่ใหม่ ("11/12/2008");

var now = new Date ();

var num

var ile = urodz.getTime () - now.getTime ();

var dni = math.floor (ile / (1,000 * 60 * 60 * 24));

ถ้า (dni> 1)

num = dni+1

อื่นถ้า (dni == 1) num = 2

อื่นถ้า (dni == 0) num = 1

else num = 0

document.write (num)

</script>

ยังมีอีกไม่กี่วันก่อนพิธีเปิดของบุคคลหนึ่ง [<ภาษาสคริปต์ = "JavaScript" type = "text/javascript"> djs () </script>]

หก: ตัวจับเวลานับถอยหลัง JavaScript - การตรวจสอบตัวเองของเวลาระบบ

เวลานี้การนับถอยหลังจะถูกตรวจสอบโดยการตรวจสอบตัวเองของเวลาระบบและไม่จำเป็นต้องมีการปรับด้วยตนเองเพื่อให้การนับถอยหลังมีความแม่นยำมากขึ้น รหัสและความคิดเห็นโดยละเอียดมีดังนี้:

คัดลอกรหัสดังนี้: <span id = "นาฬิกา"> 00: 01: 11: 00 </span>

<อินพุต id = "startB" type = "button" value = "Start Countdown!" onclick = "run ()">

<อินพุต id = "endb" type = "ปุ่ม" value = "หยุดนับถอยหลัง!" onclick = "stop ()">

<br>

<อินพุต id = "diff" type = "text">

<อินพุต id = "next" type = "text">

<ภาษาสคริปต์ = "JavaScript">

var normalelapse = 100;

var nextelapse = normalelapse;

เคาน์เตอร์ var;

var starttime;

var start = clock.innertext;

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

ตัวจับเวลา var = null;

// เริ่มรัน

ฟังก์ชั่นเรียกใช้ () {

startb.disabled = true;

endb.disabled = false;

เคาน์เตอร์ = 0;

// การเริ่มต้นเวลาเริ่มต้น

เริ่มต้น = วันที่ใหม่ (). valueof ();

// nextelapse เป็นเวลาเวลาเริ่มแรก 100 มิลลิวินาที

// หมายเหตุฟังก์ชั่น setInterval: NextElapse (มิลลิวินาที) ถูกส่งผ่าน Ontimer เริ่มดำเนินการ

timer = window.setInterval ("ontimer ()", nextLapse);

// หยุดวิ่ง

ฟังก์ชันหยุด () {

startb.disabled = false;

endb.disabled = true;

window.cleartimeout (ตัวจับเวลา);

window.onload = function () {

endb.disabled = true;

// ฟังก์ชั่นการนับถอยหลัง

ฟังก์ชั่น ontimer ()

ถ้า (เริ่ม == เสร็จสิ้น)

window.clearinterval (ตัวจับเวลา);

การแจ้งเตือน ("เวลาขึ้นแล้ว!");

กลับ;

var hms = สตริงใหม่ (เริ่มต้น) .split (":");

var ms = หมายเลขใหม่ (hms [3]);

var s = หมายเลขใหม่ (HMS [2]);

var m = หมายเลขใหม่ (HMS [1]);

var h = หมายเลขใหม่ (HMS [0]);

MS -= 10;

ถ้า (MS <0)

MS = 90;

s -= 1;

ถ้า (s <0)

s = 59;

m -= 1;

ถ้า (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 (ตัวจับเวลา);

// เวลาที่แตกต่างกันของเวลาการตรวจสอบตัวเองได้รับเวลาและเวลาของการจับเวลาใหม่ที่เริ่มต้นในครั้งต่อไปจะได้รับ NextLapse

เคาน์เตอร์ ++;

var countersecs = counter * 100;

var elapsesecs = วันที่ใหม่ (). valueof () - starttime;

var diffsecs = countersecs - Elapsesecs;

NextLapse = NormalElapse + diffSecs;

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

next.value = "nextelapse =" + nextelaple;

if (nextelapse <0) nextelapse = 0;

// เริ่มจับเวลาใหม่

timer = window.setInterval ("ontimer ()", nextLapse);

</script>

ฉันหวังว่าคำอธิบายในบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บของทุกคนตาม JavaScript