انت مشغل الـ AdBlock !!
ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك
JavaScript Date & time
الكود المسئول عن معرفة الوقت والتاريخ الحالى هو new Date()
واذا أردنا إظهار التاريخ والوقت الحالى فى الكونسول نستخدم الكود التالى console.log( new Date( ) );
ويُفضل تخزين تخذين هذا الكود داخل variable لسهولة الاستخدام كالتالى :const now=new Date();
الــ Methods الخاصة بالتعامل مع التاريخ
مثال على ذلك :
تاريخ كتابة هذا الدرس هو : 25 مايو 2021 يوم الثلاثاء
| الــ Methods | الشرح | النتيجة |
|---|---|---|
| .getFullYear() | Returns the year | 2021 |
| .getMonth() | Returns the month (0 : 11) | 4 |
| getDate() | Returns the day o (1 : 31) | 25 |
| getDay() | أيام الاسبوع بالأرقام الاحد : 0 | 2 |
| toDateString() | show a readable date | Tue 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 time | 14:30:05 GMT+0200 |
تمرين على ما سبق:
قُم بإنشاء ساعة رقمية فى الموقع الخاص بك تعرض التوقيت الخاص بالزائر
ولكن قبل القيام بهذا التمرين يجب ان نقوم بشرح الــ setInterval( anfn, milliseconds);
وظيفتها : أنها تقوم بتشغيل الـ function كل عدد ثوانى معين
وإختصارها sti
يجب أن تعرف الفرق بين
sto 👉 setTimeout 👉 تقوم بتنفيذ الـ function بعد عدد ثوانى معين
sti 👉 setInterval 👉 تقوم بتنفيذ الـ function كل عدد ثوانى معين
Other important Methods
| الــ Methods | الشرح | النتيجة |
|---|---|---|
| toLocaleString() | readable time and date | 5/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 الخاصة بالتعامل مع التاريخ والوقت