پرش به محتویات

Countdown

المان Countdown یک تایمر شمارش معکوس تا تاریخ مشخص با فیلدها و اکشن‌های قابل سفارشی‌سازی نمایش می‌دهد.

تنظیمات

  • Date (datepicker) — تاریخ و زمان هدف برای شمارش معکوس.

  • Time zone (select) — منطقه زمانی برای محاسبه شمارش معکوس. گزینه‌ها شامل offset های مختلف UTC است. پیش‌فرض: UTC+00:00.

  • Date Reached (select) — اکشن هنگام رسیدن شمارش به صفر. گزینه‌ها: countdown (نمایش شمارش)، hide (مخفی کردن المان)، text (نمایش متن سفارشی). پیش‌فرض: countdown.

  • Date Reached: Custom text (text) — متن سفارشی نمایش داده‌شده هنگام رسیدن به تاریخ. فقط وقتی «Date Reached» روی «text» تنظیم شده نمایش داده می‌شود.

فیلدها (Fields)

  • Fields (repeater) — فیلدهای نمایش شمارش معکوس را پیکربندی کنید. هر فیلد شامل:
  • Prefix (text) — متن قبل از مقدار فیلد.
  • Format (text) — رشته فرمت با استفاده از %D (روز)، %H (ساعت)، %M (دقیقه)، %S (ثانیه). حروف کوچک صفرهای پیشرو را حذف می‌کنند. پیش‌فرض: «%D days»، «%H hours»، «%M minutes»، «%S seconds».

  • Suffix (text) — متن بعد از مقدار فیلد.

  • Direction (direction) — جهت flex برای container فیلدها.

  • Align main axis (justify-content) — تراز justify content برای فیلدها.

  • Align cross axis (align-items) — تراز align items برای فیلدها.

فیلد (Field)

  • Direction (direction) — جهت flex برای فیلدهای تکی.

  • Margin (spacing) — margin دور فیلدهای تکی. پیش‌فرض: 0 5px 0 0.

مرجع توسعه‌دهنده

برای JSON schema کامل به Countdown Schema مراجعه کنید.