1. نظرة عامة
عند تصفح العديد من المواقع الإلكترونية ، ستجد أن وظيفة عرض وقت النظام الحالي تتم إضافة إلى الموقع. إن عرض وقت النظام الحالي على صفحة الويب لا يجعله مناسبًا للمشاهدين فقط لفهم الوقت الحالي ، ولكن أيضًا قم بتجميل صفحة الويب.
2. النقاط الفنية
التنفيذ باستخدام كائنات التاريخ. أولاً ، قم بإنشاء كائن Date () الذي يمثل وقت النظام الحالي ، ثم الحصول على قيم السنة والشهر واليوم والدقيقة والثانية والثانية من وقت النظام الحالي من خلال طريقة getxxx () لكائن التاريخ. بعد ذلك ، قم بدمج القيم التي تم الحصول عليها في سلسلة تاريخ ووقت ، وقم بتعيين سلسلة التاريخ والوقت على محتوى العلامة <div>. أخيرًا ، استخدم وظيفة setTimeOut () لكائن النافذة لاستدعاء وظيفة تعرض وقت النظام في الوقت الفعلي كل ثانية واحدة.
3. تنفيذ محدد
(1) إنشاء صفحة index.jsp جديدة واكتب وظيفة JavaScript التي تعرض وقت النظام في الوقت الفعلي. رمز المفتاح كما يلي:
/*** عرض الوقت الحقيقي لوقت النظام*/وظيفة getLangDate () {var dateObj = new Date () ؛ // كائن التاريخ الذي يمثل وقت النظام الحالي var year = dateobj.getlyear () ؛ // قيمة السنة الكاملة لوقت النظام الحالي var month = dateObj.getMonth ()+1 ؛ // قيمة شهر النظام الحالي var var date = dateObj.getDate () ؛ // يوم النظام الحالي var var day = dateObj.getDay () ؛ // يوم النظام الحالي وقت var weeks = ["Sunday" ، "Monday" ، "Tuesday" ، "Frayment" ، "Friday" ، "Saturday"] ؛ var week = weeks [day] ؛ // من قيمة الأسبوع ، احصل على سلسلة الأسبوع المقابلة من Array var Hour = DateObj.gethours () ؛ // قيمة ساعة الوقت الحالي var var var = dateObj.getMinutes () ؛ // القيمة الدقيقة لوقت النظام الحالي var second = dateObj.getSeconds () ؛ // القيمة الثانية لوقت النظام الحالي // إذا كانت قيم الشهر ، اليوم ، ساعة ، دقيقة ، والثانية أقل من 10 ، أضف 0if (الشهر <10) {month = "0" "0"+second ؛} var newDate = year+"year"+month+"month"+date+"day"+week+"+"+hour+":"+minute+":(2) وظيفة JavaScript المكتوبة في خطوة تحميل حدث ONLOAD (1) في صفحة <Body> ، ويتم إضافة علامة <viv> إلى الموضع المناسب للصفحة ، مع المعرف "DateSt". رمز المفتاح كما يلي:
<body onload = "getLangDate ()"> <div id = "datest"> </viv> </body>
عند عرض الوقت الفعلي لوقت النظام ، يمكنك أيضًا استخدام طريقة setIntervar () لكائن النافذة. تشبه طريقة setInterval () طريقة setTimeOut ().
الفرق هو أنه بعد استدعاء طريقة setIntervar () لكائن النافذة ، سيتم تنفيذ طريقة JavaScript التي تسمى طريقة setIntervar () طوال الوقت ، في حين لا يمكن تنفيذ طريقة setTimeOut () مرة واحدة إلا مرة واحدة. إذا كنت ترغب في تنفيذ طريقة JavaScript من خلال طريقة setTimeOut () ، فيجب كتابة SetTimeOut () في طريقة JavaScript التي تسمى.
ما سبق هو المعرفة ذات الصلة التي قدمها لك المحرر في الوقت الفعلي لوقت النظام بناءً على رمز JS. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!