تطبيق وصل wassll لمتابعة مخصصات المحروقات

عرض الوقت و التاريخ في JavaScript

الوقت والتاريخ ( date and time ) في لغة جافاسكربت, اليوم سوف نتحدث عن الوقت و التاريخ date and time في javascript. لغة javascript تقدم مجموعة كبيرة من الوظائف المتعلقة في الوقت و التاريخ date and time. سوف نتحدث اليوم عن كائن object يسمى date في جافاسكربت عن طريقه يمكننا الحصول على جميع البيانات عن الوقت.

 

التوابع المستخدمة مع التاريخ والوقت جافاسكربت

1. عرض السنة getFullYear().
2. عرض الشهر getMonth() يقوم بجلب الشهر من 0 حتى 11.
3. عرض اليوم getDate().
4. عرض الساعات getHours().
5. عرض الدقائق getMinutes().
6. عرض الثواني getSeconds().
7. عرض بالميلي ثانية getMilliseconds().
8. عرض الثواني من 1970 إلى الآن getTime().
9. عرض اليوم بداية من اول يوم في الأسبوع getDay().

 

الدالة new Date() في لغة جافاسكربت

هذه الدالة تقوم بإنشاء كائن Date بالتاريخ والوقت الحاليين.

let now = new Date();
alert( now );

عرض السنة الحالية

var date = new Date();
var time = document.getElementById("time");
time.innerHTML = date.getFullYear();

عرض الشهر الحالي

var date = new Date();
var time = document.getElementById("time");
time.innerHTML = date.getMonth();

عند تنفيذ هذا الكود سوف يعرض لنا الشهر من (0 حتى 11) أي اذا كنا في الشهر الخامس سوف يعرض لنا رقم 4, أما اذا نريد عرضه بشكل نظامي نضع +1 بعد الدالة.

time.innerHTML = date.getMonth()+1;

لكن في بعض الاحيان هذه الطريقة لن تعمل فيجب تحويل نوع البيانات الذي نريد الحصول عليها من string الى number قد شرحنا هذا سابقاً عبر parseInt او Float ليصبح.

time.innerHTML = parseInt( date.getMonth())+1;

عرض اليوم الحالي

time.innerHTML = date.getDate();

عرض الساعات الحالية

time.innerHTML = date.getHours();

عرض الثواني

time.innerHTML = date.getSeconds();

عرض الدقائق

time.innerHTML = date.getMinutes();

لعرض اليوم كرقم ابتداءً من اول يوم الاسبوع

time.innerHTML = date.getDay();

لعرض الميلي ثانية منذ عام 1970 إلى الآن

time.innerHTML = date.getTime();

لا ينصح المبرمجين بإستخدام التابع getYear() لأنه أصبح بائداً و يجلب العام بخانتين إحياناً, بل ينصحوا بإستخدام getFullYear(). توجد مثيلاتها في نظام UTC حيث أنه يعيد اليوم و الشهر و السنة وغيرها في المنطقة الزمنية UTF+0:.

1. getUTCFullYear().
2. getUTCMonth().
3. getUTCDay().

ضع كلمة "UTC" بعد "get" وستجد المثيل المناسب.

 

نظام التصحيح التلقائي للتعامل مع الوقت

التصحيح التلقائي في كائنات التاريخ Date يكون مفيد جداً. إذ يُمكن أن نضع قيم تاريخ Date تكون غير منطقية (مثل الخمسين من هذا الشهر) و سوف يُعدّلها الكائن بنفسه.

let date = new Date(2022, 0, 32);
alert(date);