1. ภาพรวม
เมื่อออกแบบและพัฒนาเว็บไซต์คุณสามารถเพิ่มฟังก์ชั่นของการแสดงวันที่ระบบลงในหน้า หากเทศกาลที่เกี่ยวข้องสามารถแสดงได้ในขณะที่แสดงวันที่ระบบคุณสามารถให้ความช่วยเหลือแก่ผู้เข้าชมเว็บไซต์
2. คะแนนทางเทคนิค
ฟังก์ชั่นของการใช้พรอมต์วันที่พิเศษสามารถแบ่งออกเป็นขั้นตอนต่อไปนี้:
(1) สร้างอินสแตนซ์ของวัตถุวันที่ () ใช้ getYear (), getMonth (), getDate () และ getDay () วิธีการรับข้อมูลข้อมูลเกี่ยวกับปีเดือนวันและสัปดาห์ในเวลาระบบปัจจุบัน
(2) ข้อมูลเดือนที่ได้รับโดยใช้วิธี getMonth () นับตั้งแต่ 0 ดังนั้นข้อมูลที่สอดคล้องกันของเดือนจะต้องเพิ่มโดยอัตโนมัติใน 1
(3) ข้อมูลรายสัปดาห์ที่ได้รับโดยใช้วิธีการ getday () เป็นข้อมูลเชิงตัวเลขและจำเป็นต้องใช้อาร์เรย์วัตถุข้อมูลเพื่อแปลงเป็นข้อมูลข้อความที่เกี่ยวข้อง
(4) ชื่อเทศกาลที่แสดงจะถูกตัดสินตามเดือนและวันที่ได้รับ
(5) รวมและส่งออกข้อมูลทั้งหมดไปยังเบราว์เซอร์และใช้เมธอด InnerHTML ที่ทำเครื่องหมายด้วยแท็ก <div> เพื่อใช้งาน
3. รหัสการใช้งานเฉพาะ
(1) ใช้ JavaScript เพื่อเขียนฟังก์ชั่นพรอมต์วันที่พิเศษ DatePrompt () เพื่อระบุแท็ก <div> ที่แสดงวันที่พิเศษ รหัสสำหรับฟังก์ชั่นที่กำหนดเองสำหรับวันที่พิเศษมีดังนี้:
<script language = "javascript"> <!-ฟังก์ชั่น dateprompt () {calendar = new date (); // รับวันที่วัตถุวัน = calendar.getday (); เดือน = Calendar.getMonth ()+1; // รับวันที่เดือน = calendar.getDate (); // รับ Day Year = calendar.getlyear (); // รับ 4 บิตปี var dayname = new Array ("วันอาทิตย์", "วันจันทร์", "วันอังคาร", "วันพฤหัสบดี", "วันศุกร์", "วันเสาร์"); var time = ปี+"ปี"+เดือน+"เดือน"+วันที่+"วัน"+dayname [วัน]+""; // วันที่รวมกัน var holiday = "" ถ้า ((เดือน == 1) && (วันที่ == 1)) วันหยุด = "<ฟอนต์สี = สีแดง> วันปีใหม่"; ถ้า ((เดือน == 5) && (วันที่ == 1) วันหยุด = " (วันที่ == 1)) Holiday = "<font color = สีแดง> วันเด็กนานาชาติ"; ถ้า ((เดือน == 7) && (วันที่ == 1)) วันหยุด = "<ฟอนต์สี = สีแดง> วันครบรอบปาร์ตี้ศูนย์" ถ้า (เดือน == 8) && (วันที่ == 1) วันหยุด = " วัน "; ถ้า ((เดือน == 12) && (วันที่ == 25)) วันหยุด =" <font color = สีแดง> คริสต์มาส "; เวลา = เวลา+วันหยุด; clock.innerhtml = เวลา; // แสดงวันที่ระบบและให้พรอมต์วันที่พิเศษ} //-> </script>(2) ในเหตุการณ์ OnLoad ที่ทำเครื่องหมายด้วย <body> ในหน้าเว็บที่ต้องแสดงวันที่และเวลาพิเศษในเวลาจริงโทรฟังก์ชัน dateprompt () เพียงเขียนและเพิ่มแท็ก <div> ที่ตำแหน่งที่เหมาะสมในหน้า รหัสต่อไปนี้ใช้เพื่อเรียกใช้ฟังก์ชันที่กำหนดเอง รหัสคีย์มีดังนี้:
<body onload = "dateprompt ()"> <td align = "center" พื้นหลัง = "images/1.jpg"> <div id = "นาฬิกา"> </div> </td>
ข้างต้นคือความรู้ที่เกี่ยวข้องเกี่ยวกับวิธีการใช้งานของฟังก์ชั่นพรอมต์วันที่พิเศษที่แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!