CSS/time

نوع البيانات <time> يُمثِّل قيمةً زمنيةً يُعبَّر عنها بالثانية أو بالملي ثانية، وتُستَخدم في خاصية animation و transition وغيرهما.

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الرئيسي	مدعومة	4.0	9.0	10.5	مدعومة

الشكل العام

يتألف نوع البيانات <time> من عدد <number> تتبعه واحدة من الواحدات المذكورة أدناه، ويمكن أن يُسبَق الرقم -اختياريًا- بإشارة + أو -؛ وكما في جميع القيم التي تقبل واحدات في CSS، لا يوجد فراغ بين الواحدة والقيمة الرقمية.

ملاحظة: صحيحٌ أنَّ الرقم 0 يُمثِّل نفس القيمة بغض النظر عن الواحدة، لكن لا يُسمَح بحذف الواحدة في القيم الزمنية <time>، أي لا يجوز استخدام 0 بمفرده، وإنما يجب أن يكون 0s أو 0ms.

الواحدة s

تمثيل الوقت بالثانية، مثلًا: 0s أو 1.5s أو ‎-60s.

الواحدة ms

تمثيل الوقت بالملي ثانية (جزء من ألف جزء من الثانية)، مثلًا: 0ms أو 150.25ms أو ‎-60000ms.

ملاحظة: للتحويل من الثانية s للملي ثانية ms، فاضرب بالعدد 1000، أي كل 1s تساوي 1000ms.

أمثلة

أمثلة عن قيم زمنية صالحة:

• 12s: عدد صحيح موجب.
• ‎-456: عدد صحيح سالب.
• 4.3ms: عدد عشري.
• 14mS: الواحدات غير حساسة لحالة الأحرف، مع أنَّ من المستحسن تجنّب استخدام الأحرف الكبيرة.
• ‎+0s أو ‎-0s: القيمة الزمنية 0.

أمثلة عن قيم زمنية غير صالحة:

• 0: صحيحٌ أنَّ الرقم 0 يُمثِّل نفس القيمة بغض النظر عن الواحدة، لكن لا يُسمَح بحذف الواحدة في القيم الزمنية <time>.
• 12.0: هذه قيمة عددية <number> وليست زمنية <time> لعدم وجود واحدة.
• ‎7 ms: لا يجوز استخدام فراغ بين العدد والواحدة.

مصادر ومواصفات

• مواصفة CSS Values and Units Module Level 3.
• مواصفة ‎CSS Level 2 (Revision 1)‎.