گۆڕەری زۆنی کاتیی بەخۆڕایی

چۆن کار دەکات

هەموو لۆژیکی گۆڕین تەواو لە وێبگەڕەکەتدا کاردەکات بە بەکارهێنانی APIی Intl.DateTimeFormatی جاڤاسکریپت — هەمان ئەنجینی نێودەوڵەتیکردن کە لەناو Chrome، Firefox، و Safariدا بنیاتنراوە. هیچ کتێبخانەی دەرەکی و هیچ بانگی سێرڤەرێک نییە.

1. 1
   لیستی کاتزۆنی IANA بارکراوە

   لە بارکردندا، ئامرازەکە Intl.supportedValuesOf('timeZone') بانگدەکات بۆ وەرگرتنی داتابەیسی تەواوی کاتزۆنی IANAی وێبگەڕەکەت — بەگشتی زیاتر لە 400 ناوچە. لە ئەنجینی کۆنتردا دەگەڕێتەوە بۆ لیستێکی بنیاتنراوی 20 شاری گەورە.
2. 2
   داخڵی کاتی مۆری کات دەگاتە ساتێکی UTC

   کاتێک بەروار و کاتێکی تایبەت دەنووسیت، ئامرازەکە ئەلگۆریتمێکی دوو-تێپەڕ ڕادەگرێت بە بەکارهێنانی Intl.DateTimeFormat(...).formatToParts() بۆ ژمێریاری جیاوازی UTC بۆ ناوچەی سەرچاوەی هەڵبژێردراوت، پاشان لادەیدات. تێپەڕی دووەم جیاوازییەکە جارێکی تر لە ساتی ئەنجامدا پشکنین دەکاتەوە بۆ مامەڵەکردنی دروست لەگەڵ بارودۆخی سنووری DST.
3. 3
   هەر ناوچەی ئامانج بەسەربەخۆیی فۆرمات دەکرێت

   Intl.DateTimeFormat جارێک بۆ هەر کاتزۆنی هەڵبژێردراوێک بانگدەکرێت، ساتی UTCی چارەسەرکراو و ناسنامەی ناوچەی IANA (بۆ نموونە Asia/Tokyo) دەنێردرێت. خشتەی کاتزۆنی سەرەکی وێبگەڕ یاسای DST و مێژووی جیاوازی مامەڵەیان لەگەڵ دەکەن، ڕیزبەندی ڕۆژی هەفتە، بەروار، و کاتی زمان-هۆشیار دروستدەکەن.
4. 4
   کاتژمێری زیندوو لە ڕێگای setIntervalەوە تیک دەکات

   کاتێک 'بەکارهێنانی کاتی ئێستا' هەڵدەبژێردرێت، setIntervalی یەک-چرکەیی بەرواری بنەڕەت لە دۆخی Reactدا نوێدەکاتەوە، بۆیە هەر کاتزۆنێکی پیشاندراو بە کاتی ڕاستەقینەدا نوێدەبێتەوە. هەڵبژاردنی ناوچەکانت لە localStorageدا پاشەکەوت دەکرێن بۆیە لە سەردانی داهاتوودا دەمێننەوە.

ئامرازە پەیوەندیدارەکان