บทความนี้สรุปรหัสการนับถอยหลัง JS ทั่วไป แบ่งปันสำหรับการอ้างอิงของคุณ สรุปเฉพาะมีดังนี้:
ประเภทแรก: รหัสการนับถอยหลัง JavaScript ที่แม่นยำถึงวินาที
รหัส HTML:
คัดลอกรหัสดังนี้: <form name = "form1">
<div align = "center" allign = "center">
<enter> ยังมีอยู่ในปี 2010: <br>
<input type = "textarea" name = "left" size = "35" style = "text-allign: center">
</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 = "ตอนนี้ยังมี"+วัน+"วัน+" วัน+"ชั่วโมง+" ชั่วโมง+"นาที+" นาที+"วินาที+" วินาที "
LiveClock1.innerhtml = "<font
Settimeout ("DigitalTime1 ()", 1,000)
-
-
-
</script>
<!-Countdown JavaScript End->
<body onload = digitaltime1 ()>
<div id = liveclock1> </div>
</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>
<div id = "ตัวจับเวลา" style = "สี: สีแดง"> </div>
ประเภทที่สี่: การนับถอยหลังที่ง่ายที่สุด
รหัส 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