إتقان التعامل مع الوقت في جافاسكريبت: دليل شامل

تُتيح جافا سكريبت إمكانيات قوية للتعامل مع الوقت، مما يسمح لك بدمج عروض الوقت الحالي ووظائف الوقت بسلاسة في تطبيقات الويب الخاصة بك. يستكشف هذا الدليل طرقًا مختلفة لاسترداد وتنسيق الوقت الحالي باستخدام جافا سكريبت.

محتويات

• الحصول على الوقت الحالي باستخدام كائن Date
• العمل مع توقيت UTC
• عرض التوقيت المحلي
• تخصيص تنسيق الوقت

الحصول على الوقت الحالي باستخدام كائن Date

يُعد كائن Date حجر الزاوية في معالجة الوقت في جافا سكريبت. إنشاء كائن Date جديد بدون وسيطات يُرجع التاريخ والوقت الحاليين. ومع ذلك، غالبًا ما يكون استخراج مكونات الوقت المحددة أكثر فائدة.

const now = new Date();

const hours = now.getHours();
const minutes = now.getMinutes();
const seconds = now.getSeconds();
const milliseconds = now.getMilliseconds();

console.log(`الوقت الحالي: ${hours}:${minutes}:${seconds}:${milliseconds}`);

لاحظ أن getHours() يُرجع قيمًا من 0-23. دعنا نحسّن التنسيق:

function formatTime(time) {
  return time.toString().padStart(2, '0'); //تنسيق محسن
}

const formattedTime = `${formatTime(hours)}:${formatTime(minutes)}:${formatTime(seconds)}:${formatTime(milliseconds)}`;
console.log(`الوقت الحالي المُنسّق: ${formattedTime}`);

العمل مع توقيت UTC

يوفر توقيت UTC (التوقيت العالمي المنسق) معيارًا زمنيًا غير متأثر بتوفير الوقت أو المناطق الزمنية. استخدم getUTCHours()، getUTCMinutes()، إلخ، لتوقيت UTC:

const nowUTC = new Date();

const utcHours = nowUTC.getUTCHours();
const utcMinutes = nowUTC.getUTCMinutes();
const utcSeconds = nowUTC.getUTCSeconds();
const utcMilliseconds = nowUTC.getUTCMilliseconds();

console.log(`الوقت الحالي بتوقيت UTC: ${utcHours}:${utcMinutes}:${utcSeconds}:${utcMilliseconds}`);

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

لتمثيل وقت محلي سهل الاستخدام، استخدم toLocaleTimeString():

const nowLocal = new Date();
const localTimeString = nowLocal.toLocaleTimeString();
console.log(`الوقت الحالي بالتنسيق المحلي: ${localTimeString}`);

هذا يُعدّل تلقائيًا حسب لغة المستخدم ومنطقته الزمنية.

تخصيص تنسيق الوقت

يُتيح toLocaleTimeString() تخصيصًا واسعًا باستخدام الخيارات:

const options = { hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true };
const formattedLocalTime = nowLocal.toLocaleTimeString('ar-SA', options);
console.log(`الوقت المحلي المُنسّق: ${formattedLocalTime}`);

اطلع على وثائق MDN لـ toLocaleTimeString() للحصول على الخيارات الكاملة.

من خلال إتقان هذه التقنيات، يمكنك إدارة الوقت بكفاءة داخل تطبيقات جافا سكريبت الخاصة بك، لتلبية احتياجات العرض والوظائف المتنوعة.