نموذج التعليمات البرمجية لعرض تغييرات الوقت ديناميكيًا على صفحة جافا سكريبت

انسخ رمز الكود كما يلي:

<أتش تي أم أل>

<الرأس>

<العنوان></العنوان>

<النص البرمجي>

الدالة getDateDemo(){

/*

// وقت الإعلان

تاريخ فار = تاريخ جديد ()؛

تنبيه (التاريخ)؛ // الوقت الحالي

تنبيه (date.toLocaleString ())؛ // تحويل إلى التوقيت المحلي

تنبيه (date.getFullYear())؛// عرض السنة

تنبيه (date.getMonth () + 1)؛ // عرض الشهر 0-11، بحاجة إلى إضافة 1

تنبيه (date.getDate ())؛ // عرض التاريخ في يناير

تنبيه (date.getDay ())؛ // عرض تاريخ ويوم الأسبوع

تنبيه (date.getHours ())؛ // احصل على الوقت بالساعة

تنبيه (date.getMinutes ())؛ // احصل على الدقائق الحالية

تنبيه (date.getSeconds ())؛ // احصل على الثواني الحالية

تنبيه (date.getMillithans())؛// احصل على العدد الحالي من المللي ثانية

تنبيه (date.getTime())؛// احصل على قيمة المللي ثانية من منتصف ليل 1 يناير 1970 إلى الوقت الحالي

*/

// احصل على السنة والشهر واليوم والساعة والدقيقة والثانية على التوالي

var myDate = new Date();

var year = myDate.getFullYear();

فار الشهر = myDate.getMonth() + 1;

تاريخ فار = myDate.getDate();

فار ساعات = myDate.getHours();

فار دقيقة = myDate.getMinutes();

فار ثانية = myDate.getSeconds();

// يتم عرض الشهر كرقمين، مثل سبتمبر

إذا (الشهر <10){

الشهر = "0" + الشهر؛

}

إذا (التاريخ <10){

التاريخ = "0" + التاريخ؛

}

// الربط الزمني

var dateTime = سنة + "السنة" + الشهر + "الشهر" + التاريخ + "اليوم" + الساعات + "الساعة" + الدقائق + "الدقيقة" + الثواني + "الثانية"؛

//document.write(dateTime);// اطبع الوقت الحالي

var divNode = document.getElementById("time");

divNode.innerHTML = dateTime;

}

window.setInterval("getDateDemo()",1000);// كل ثانية، اتصل بـ getDateDemo()

</script>

</الرأس>

<الجسم>

<div معرف = "الوقت"></div>

</الجسم>

</html>