រំលងទៅខ្លឹមសារមេ

កម្មវិធីបំប្លែង Time Zone ឥតគិតថ្លៃ

បំប្លែងម៉ោងរវាង 20 time zone ពិភពលោកណាមួយ ក្នុងពេលជាមួយគ្នា។ ប្រើម៉ោងបច្ចុប្បន្ន ឬបញ្ចូលកាលបរិច្ឆេទ និងម៉ោងផ្ទាល់ខ្លួនដើម្បីប្រៀបធៀប។

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច
តំបន់ម៉ោងដែលបានជ្រើស
New York
 
ឡុងដ៍
 
តូក្យូ
 
ស៊ីដនី
 

បន្ថែមតំបន់ម៉ោង

ការប្រើប្រាស់ទូទៅ

  • កំណត់ពេលប្រឹក្សាយោបល់ក្រុមឆ្ងាយក្នុងលេខតំបន់ពេលវេលាស្វែងរកពេលប្រឹក្សាយោបល់ដែលដំណើរការសម្រាប់សមាជិកក្រុមក្នុងលេខតំបន់ពេលវេលាលម្អិត។
  • បម្លែងពេលប្រឹក្សាយោបល់សម្រាប់ដ្ឋានកម្មនៃបរទេសបង្ហាញសូត្របាពវ, វិទ្យាលយលម្អិត, ឬលេខរលាយដើម្បីចាប់ផ្តើមក្នុងលេខតំបន់ពេលវេលាលម្អិតដែលជ្រើសរើស។
  • កំណត់ពេលមកដល់ និងការហៅក្នុងលេខដំណើរលឺមើលថាពេលណាក្នុងផ្ទះក្នុងលេខដំណើរលឺ ឬពិនិត្យលេខតំបន់ពេលវេលាលម្អិតក្នុងលេខបញ្ចប់។
  • ឡើងលម្អិតលេខបើកដ៏ធំៗផ្សារម៉ាកបម្លែងពេលបើក និងបិទផ្សារសម្រាប់ NYSE, LSE, TSE និងលេខផ្សារផ្សេងទៀតក្នុងលេខតំបន់ពេលវេលាលម្អិត។
  • បម្លែងលេខលើកលែង និងលេខប្រឹក្សាយោបល់រកឃើញពេលលេខលម្អិត ឬពេលលេខប្រឹក្សាយោបល់ esports ដែលចាប់ផ្តើមក្នុងលេខតំបន់ពេលវេលាលម្អិត។

វាដំណើរការដោយរបៀបណា

តក្កវិជ្ជាបំប្លែងទាំងអស់ដំណើរការទាំងស្រុងក្នុងកម្មវិធីរុករករបស់អ្នកដោយប្រើ JavaScript Intl.DateTimeFormat API — ម៉ាស៊ីនអន្តរជាតិូបនីយកម្មដូចគ្នាដែលបញ្ចូលក្នុង 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
    នាឡិកាផ្ទាល់ ticks តាមរយៈ setInterval
    ពេលធីក 'ប្រើពេលវេលាបច្ចុប្បន្ន' ត្រូវបានធីក setInterval មួយវិនាទីធ្វើបច្ចុប្បន្នភាពកាលបរិច្ឆេទមូលដ្ឋាននៅក្នុង React state ដូច្នេះតំបន់ពេលវេលាដែលបានបង្ហាញនីមួយៗធ្វើឲ្យស្រស់ក្នុងពេលវេលាជាក់ស្តែង។ ការជ្រើសរើសតំបន់របស់អ្នកត្រូវបានរក្សាទុកទៅ localStorage ដូច្នេះវានៅតែជាប់ឆ្លងកាត់ការចូលមើលនីមួយៗ។

ឧបករណ៍ពាក់ព័ន្ធ

សំណួរដែលសួរជាញឹកញាប់