การนับถอยหลัง JavaScript อย่างง่าย

• อาจ 18, 2024

ฉันต้องการตัวนับถอยหลัง JavaScript อย่างง่ายที่ฉันสามารถวางในกล่องเครื่องมือของ Blogger หรือใช้ในบริบทในหน้าเว็บ ตอนแรกฉันคิดว่าฉันสามารถค้นหาสิ่งที่ฉันต้องการได้อย่างง่ายดายด้วยการค้นหาเว็บอย่างรวดเร็ว อย่างไรก็ตามเคาน์เตอร์ทั้งหมดที่ฉันพบมีความซับซ้อนมากกว่าสิ่งที่ฉันกำลังมองหา ฉันไม่ต้องการนับถอยหลังถึงวินาทีสุดท้ายฉันแค่แคร์วันเดียว ฉันเลยตัดสินใจเขียนเอง

รหัสต่อไปนี้ได้รับการกำหนดค่าให้นับจำนวนวันจนถึง (หรือจาก) 8 สิงหาคม 2008 เนื่องจาก 8 เป็นหมายเลขที่เป็นมงคลในวัฒนธรรมจีนวันนี้จึงได้รับเลือกให้เป็นพิธีเปิดการแข่งขันกีฬาโอลิมปิกฤดูร้อนปี 2551 ที่ปักกิ่ง


var millisecs_per_day = 86400000
// ตั้งเวลานับถอยหลังเป็นมิลลิวินาที
// ใส่วันที่ต้องการเป็นอาร์กิวเมนต์ของ Date.UTC
// ตามลำดับ:
// ปี, เดือน (จดจำมกราคมคือ 0), วันที่ของเดือน, ชดเชยจาก GMT
// หมายเหตุ: เราใช้ออฟเซ็ตเพราะนั่นหมายถึงเที่ยงคืน
// (เริ่มต้นของวัน) ในเขตเวลาที่กำหนด
var countdown_time = Date.UTC (2008,7,8, -8);
// รับเวลาปัจจุบันและแปลงเป็นมิลลิวินาที
var now = วันที่ใหม่ ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((countdown_time - now_millisecs) / 86400000)

// แสดงจำนวนวันที่เหลือ (หรือตั้งแต่)
ถ้า (day_cnt> 1)
{
// ไปได้หลายวัน
document.write (day_cnt + "วันที่จะไป")
}
อื่นถ้า (day_cnt == 1)
{
// ไปหนึ่งวัน
document.write (day_cnt + "วันที่จะไป")
}
อื่นถ้า (day_cnt == 0)
{
// มันเป็นวันนี้
document.write ("วันนี้")
}
ถ้าอื่น (day_cnt == -1)
{
// หนึ่งวันก่อน
document.write (day_cnt + "วันที่ผ่านมา")
}
อื่น
{
// หลายวันก่อน
document.write (day_cnt + "วันที่ผ่านมา")
}


คุณสามารถดาวน์โหลดรหัสนี้หรือดูการทำงานที่นี่ หากต้องการใช้รหัสนี้ในโครงการของคุณให้คัดลอกและวางลงในหน้าเว็บของคุณ (หรือกล่องเครื่องมือ HTML / JavaScript ของ Blogger ดังที่แสดงในภาพด้านบน) เปลี่ยนวันที่ตามคำแนะนำในความคิดเห็น - หากสับสน คุณอาจพบบทความของฉันเกี่ยวกับวันที่ UTC เบื้องต้น

คำแนะนำวิดีโอ: นับเวลาถอยหลัง JS CountDown Timer (อาจ 2024).