عرض عداد تنازلي حتى منتصف الليل باستخدام moment.js

في هذا الشيفرة البرمجية، يستخدم المطور moment.js لعرض تاريخ محدد في منطقة زمنية المستخدم. يتم إنشاء كائن تاريخ باستخدام الزمن العالمي المنسق (UTC) ويتم عرض الوقت بتنسيق معين للمستخدم. ومن ثم يتم حساب الفارق الزمني بين هذا التاريخ والوقت الحالي لإظهار عداد تنازلي.

التحدي الذي يواجهه المطور هو عرض عداد تنازلي مختلف لكل مستخدم حسب توقيت منطقته الزمنية، وليس بتوقيت UTC. لتحقيق ذلك، يحتاج المطور إلى استخدام دالة من moment.js تمنحه وقت منتصف الليل بتوقيت منطقة زمنية المستخدم.

على سبيل المثال، إذا أراد المطور إظهار عداد تنازلي حتى منتصف الليل في منطقة زمنية المستخدم، فيجب عليه استخدام دالة مثل moment().endOf('day') للحصول على وقت النهاية لليوم في توقيت المستخدم. ويمكن أن يكون الشيفرة كالتالي:

javascriptCopy code
var date = moment().endOf('day');
var now = moment();
var diff = date.diff(now, 'seconds');

var textnode = document.createTextNode('توقيت المستخدم: ' + moment(date).format('dddd, DD.MM.YYYY') + ' عند منتصف الليل: ' + moment(date).format('HH:mm A'));
document.getElementsByClassName("date")[0].appendChild(textnode.cloneNode(true));

// يمكنك استخدام diff لعرض عداد تنازلي بناءً على الفارق الزمني بين now و date.

هذا الكود يستخدم moment().endOf('day') للحصول على وقت منتصف الليل في توقيت المستخدم ومن ثم يحسب الفارق الزمني بوحدة الثواني. يمكن استخدام هذا الفارق لعرض عداد تنازلي.

في هذا الشيفرة البرمجية، تستخدم مكتبة moment.js لتنسيق وعرض التواريخ بطريقة سهلة ومرنة. يتم إنشاء كائن تاريخ باستخدام moment() للحصول على الوقت الحالي بتوقيت المستخدم. ثم يتم استخدام endOf('day') للحصول على وقت منتصف الليل في توقيت المستخدم.

بعد ذلك، يتم حساب الفارق الزمني بين هذا التاريخ والوقت الحالي باستخدام diff() وتحديد وحدة الثواني. يتم استخدام هذا الفارق لإظهار عداد تنازلي، يمكن استخدامه لعرض الوقت المتبقي حتى منتصف الليل في توقيت المستخدم.

يتم إنشاء عنصر نصي باستخدام document.createTextNode() ويتم إضافته إلى عنصر HTML باستخدام appendChild() ليظهر للمستخدم بشكل دينامي. كما يتم استخدام format() لتنسيق الوقت بشكل قابل للقراءة.

هذا النهج يسمح بعرض عداد تنازلي يظهر للمستخدم الوقت المتبقي حتى منتصف الليل في توقيت منطقته الزمنية، مما يجعل التجربة تكون أكثر تخصيصًا وفهمًا للمستخدم.