1. ภาพรวม
เมื่อเรียกดูเว็บไซต์จำนวนมากคุณจะพบว่าฟังก์ชั่นของการแสดงเวลาระบบปัจจุบันจะถูกเพิ่มลงในเว็บไซต์ การแสดงเวลาของระบบปัจจุบันบนหน้าเว็บไม่เพียง แต่ทำให้ผู้ชมเข้าใจเวลาปัจจุบัน แต่ยังทำให้เว็บเพจสวยงามด้วย
2. คะแนนทางเทคนิค
การใช้งานโดยใช้วัตถุวันที่ ขั้นแรกให้สร้างวัตถุวันที่ () แทนเวลาระบบปัจจุบันจากนั้นรับค่าของปีเดือนวันชั่วโมงนาทีที่สองและสัปดาห์ของเวลาระบบปัจจุบันผ่านวิธี getXXX () ของวัตถุวันที่ จากนั้นรวมค่าที่ได้รับไว้ในสตริงวันที่และเวลาและตั้งค่าสตริงวันที่และเวลาเป็นเนื้อหาของแท็ก <div> สุดท้ายใช้ฟังก์ชั่น settimeout () ของวัตถุหน้าต่างเพื่อเรียกฟังก์ชั่นที่แสดงเวลาของระบบแบบเรียลไทม์ทุก ๆ 1 วินาที
3. การใช้งานเฉพาะ
(1) สร้างหน้า index.jsp ใหม่และเขียนฟังก์ชั่น JavaScript ที่แสดงเวลาของระบบแบบเรียลไทม์ รหัสคีย์มีดังนี้:
/*** การแสดงผลเรียลไทม์ของเวลาระบบ*/ฟังก์ชั่น getLangdate () {var dateObj = วันที่ใหม่ (); // วัตถุวันที่แทนเวลาระบบปัจจุบัน var ปี = dateobj.getulyear (); // มูลค่าเต็มปีของเวลาระบบปัจจุบัน var เดือน = dateObj.getMonth ()+1; // ค่าเดือนของเวลาระบบปัจจุบันวันที่ var วันที่ = dateObj.getDate (); // วันของระบบเวลาปัจจุบัน VAR DAY = DITEOBJ.GETDAY (); // วันของระบบปัจจุบันเวลา var สัปดาห์ = ["วันอาทิตย์", "วันจันทร์", "วันอังคาร", "วันพฤหัสบดี", "วันศุกร์", "วันเสาร์"]; var สัปดาห์ = สัปดาห์ [วัน]; // จากค่าสัปดาห์รับสตริงสัปดาห์ที่สอดคล้องกันจากอาร์เรย์ var hour = dateObj.getHours (); // ค่าชั่วโมงของเวลาระบบปัจจุบัน var minute = dateobj.getMinutes (); // ค่านาทีของเวลาระบบปัจจุบัน var second = dateobj.getSeconds (); // ค่าที่สองของเวลาระบบปัจจุบัน // ถ้าค่าของเดือน, วัน, ชั่วโมง, นาที, และที่สองน้อยกว่า 10, เพิ่ม 0if (เดือน <10) {เดือน = "0"+เดือน;} ถ้า (วันที่ <10) {วันที่ = "0"+วันที่; "0"+วินาที;} var newdate = ปี+"ปี"+เดือน+"เดือน"+วันที่+"วัน"+"" "+ชั่วโมง+": "+นาที+": "+วินาที; document.getElementById (" datestr "). innerhtml =" ระบบ "(2) ฟังก์ชั่น JavaScript ที่เขียนในขั้นตอนการโหลดเหตุการณ์ ONLOAD (1) ในแท็ก <body> และแท็ก <div> จะถูกเพิ่มไปยังตำแหน่งที่เหมาะสมของหน้าด้วย ID "Datestres" รหัสคีย์มีดังนี้:
<body onload = "getLangdate ()"> <div id = "datestr"> </div> </body>
เมื่อการแสดงเวลาของระบบแบบเรียลไทม์คุณยังสามารถใช้เมธอด setIntervar () ของวัตถุหน้าต่าง เมธอด setInterval () คล้ายกับวิธี settimeout ()
ความแตกต่างคือหลังจากเรียกใช้เมธอด setIntervar () ของวัตถุหน้าต่างวิธี JavaScript ที่เรียกโดยเมธอด setIntervar () จะถูกดำเนินการตลอดเวลาในขณะที่เมธอด settimeout () สามารถดำเนินการได้เพียงครั้งเดียว หากคุณต้องการเรียกใช้วิธี JavaScript ผ่านวิธี SetTimeOut () ต้องเขียน SetTimeOut () ในวิธี JavaScript ที่เรียกว่า
ข้างต้นเป็นความรู้ที่เกี่ยวข้องที่แนะนำโดยบรรณาธิการในการแสดงเวลาตามเวลาของระบบตามรหัส JS ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!