تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب
كيفية الشراء من الموقع

منطقة إعلانية

يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك

سعر الإعلان 3$ فى اليوم الواحد

JavaScript Date & time

الكود المسئول عن معرفة الوقت والتاريخ الحالى هو new Date()

واذا أردنا إظهار التاريخ والوقت الحالى فى الكونسول نستخدم الكود التالى console.log( new Date( ) );

ويُفضل تخزين تخذين هذا الكود داخل variable لسهولة الاستخدام كالتالى :
const now=new Date();

الــ Methods الخاصة بالتعامل مع التاريخ

مثال على ذلك :
تاريخ كتابة هذا الدرس هو : 25 مايو 2021 يوم الثلاثاء

الــ Methodsالشرحالنتيجة
.getFullYear()Returns the year2021
.getMonth()Returns the month (0 : 11)4
getDate()Returns the day o (1 : 31)25
getDay()أيام الاسبوع بالأرقام
الاحد : 0
2
toDateString()show a readable dateTue May 25 2021

يُفضل استخدام قاعدة switch عند التعامل مع .getMonth() و .getDay()

مثال على ذلك :

let day;
switch ( new Date().getDay() ) {

case 0:
day="Sunday";
break;

case 1:
day="Monday";
break;

case 2:
day="Tuesday";
break;

case 3:
day="Wednesday";
break;

case 4:
day="Thursday";
break;

case 5:
day="Friday";
break;

case 6:
day="Saturday";
}

document.getElementById("test").innerText=
` Today is ${day} `

الــ Methods الخاصة بالتعامل مع الوقت

مثال على ذلك :
وقت كتابة هذا الدرس هو الساعة الثانية ظهراً و ثلاثون دقيقة و خمس ثوان

الــ Methodsالشرحالنتيجة
getHours()Returns the hour (0 : 23)14
getMinutes()Returns the minutes (0 : 59)30
getSeconds()Returns the seconds (0 : 59)5
toTimeString()show a readable time14:30:05 GMT+0200

تمرين على ما سبق:

قُم بإنشاء ساعة رقمية فى الموقع الخاص بك تعرض التوقيت الخاص بالزائر

ولكن قبل القيام بهذا التمرين يجب ان نقوم بشرح الــ setInterval( anfn, milliseconds);

وظيفتها : أنها تقوم بتشغيل الـ function كل عدد ثوانى معين

وإختصارها sti

يجب أن تعرف الفرق بين

sto 👉 setTimeout 👉     تقوم بتنفيذ الـ function بعد عدد ثوانى معين  

sti 👉 setInterval 👉     تقوم بتنفيذ الـ function كل عدد ثوانى معين  

حل التمرين

Other important Methods

الــ Methodsالشرحالنتيجة
toLocaleString()readable time and date5/25/2021, 2:30:05 PM
getTime()number of milliseconds
منذ 1/1/1970 حتى الان
1621945034942
getUTCHours()Returns the hour
according to universal time (0 : 23)
12

تمرين على ما سبق:

قُم بإنشاء ساعة رقمية تعرض التوقيت فى دولة المغرب (Morocco)
علماً بأن Time zone UTC+1

هنا تجد جميع الـ Properties & Methods الخاصة بالتعامل مع التاريخ والوقت

JS Dates exercise

😡
انت مشغل الـ AdBlock !!

خلى بالك يامعلم ✋ انا هكر جامد جداً وعرفت انك مشغل ال AdBlock ف ياريت تقفله بدل ما اولع فى ام الجهاز بتاعك ده 😡 😡