ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك
⚠ تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب
كيفية الشراء من الموقع
منطقة إعلانية
يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك
سعر الإعلان 50$ فى الشهر
الكود المسئول عن معرفة الوقت والتاريخ الحالى هو 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 الخاصة بالتعامل مع التاريخ والوقت
ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك