Jadual Kandungan
Tukar cap masa kepada tarikh dan masa
Masa tarikh ke cap masa
Pertimbangan prestasi
Rumah hujung hadapan web Soal Jawab bahagian hadapan cap masa javascript kepada datetime

cap masa javascript kepada datetime

May 15, 2023 pm 07:38 PM

JavaScript ialah bahasa skrip berkuasa yang digunakan secara meluas dalam pembangunan bahagian hadapan web dan pengaturcaraan bahagian pelayan. Menukar antara cap masa dan masa tarikh ialah operasi yang sangat biasa dalam JavaScript.

Cap masa ialah bilangan milisaat sejak 1 Januari 1970 00:00:00 UTC (Waktu Sejagat Selaras). Dalam JavaScript, anda boleh mendapatkan cap masa semasa dengan kod berikut:

var timestamp = new Date().getTime(); // 获取当前时间戳

Walau bagaimanapun, cap masa tidak intuitif dan selalunya perlu ditukar kepada format datetime untuk pemahaman manusia. JavaScript menyediakan beberapa kaedah untuk menukar antara cap waktu dan masa tarikh. Di bawah kami memperkenalkan kaedah ini masing-masing.

Tukar cap masa kepada tarikh dan masa

Untuk menukar cap masa kepada tarikh dan masa, anda boleh menggunakan kaedah Date objek toLocaleString(). Kaedah ini akan mengembalikan rentetan berdasarkan waktu tempatan dalam format yyyy/MM/dd HH:mm:ss. Kodnya adalah seperti berikut:

var timestamp = 1626194523854; // 假设时间戳为 2021/07/14 12:15:23.854
var datetime = new Date(timestamp).toLocaleString('zh-CN', {hour12: false});
console.log(datetime); // 输出:2021/7/14 12:15:23

Antaranya, kaedah toLocaleString() menerima dua parameter:

  • Parameter pertama menentukan kod rantau (tempatan), di sini kami menggunakan zh-CN mewakili China. Format masa akan berbeza-beza bergantung pada wilayah.
  • Parameter kedua dihantar sebagai objek dan digunakan untuk menetapkan format tarikh dan masa. {hour12: false} Menunjukkan bahawa daripada menggunakan jam 12 jam, gunakan jam 24 jam.

Dengan cara ini, kami berjaya menukar cap masa kepada format tarikh dan masa.

Masa tarikh ke cap masa

Untuk menukar masa tarikh kepada cap masa, anda boleh menggunakan kaedah Date objek getTime(). Kaedah ini mengembalikan bilangan milisaat sejak 1 Januari 1970 00:00:00 UTC (Waktu Sejagat Selaras). Kod tersebut adalah seperti berikut:

var datetime = '2021-07-14T12:15:23.854Z'; // 假设日期时间为 2021/07/14 12:15:23.854 UTC
var timestamp = new Date(datetime).getTime();
console.log(timestamp); // 输出:1626292523854

Antaranya tarikh dan masa perlu menepati format standard ISO 8601 iaitu yyyy-MM-ddTHH:mm:ss.sssZ. Dalam format ini, Z menunjukkan bahawa zon waktu ialah UTC, tetapi zon waktu lain juga boleh ditentukan.

Dengan cara ini, kami berjaya menukar tarikh dan masa kepada cap masa.

Pertimbangan prestasi

Walaupun kod di atas kelihatan ringkas dan mudah difahami, perlu diingatkan bahawa mencipta objek Date setiap kali akan dikenakan overhed prestasi tertentu, terutamanya dalam gelung atau kerap. apabila dipanggil. Untuk meningkatkan prestasi, kita boleh menggunakan sedikit helah untuk cache cap masa sebagai pembolehubah dan hanya menukarnya apabila diperlukan, seperti ini:

var timestamp = 1626194523854; // 假设时间戳为 2021/07/14 12:15:23.854
var datetime = null; // 初始值为 null,表示尚未转换
var getDatetime = function() {
  if (datetime === null) {
    datetime = new Date(timestamp).toLocaleString('zh-CN', {hour12: false});
  }
  return datetime;
};
console.log(getDatetime()); // 输出:2021/7/14 12:15:23

Dengan cara ini, apabila getDatetime() dipanggil buat kali pertama, ia akan Melakukan operasi penukaran cap masa dan cache hasilnya ke dalam pembolehubah datetime. Dalam panggilan berikutnya, hanya kembalikan hasil cache secara langsung. Melakukan ini mengelakkan operasi penukaran cap masa berulang dan meningkatkan prestasi kod.

Ringkasnya, penukaran antara cap waktu dan masa tarikh dalam JavaScript adalah sangat penting dan sangat biasa. Selagi kami menguasai kaedah penukaran yang betul dan memberi perhatian kepada prestasi kod, kami boleh mengatasi pelbagai keperluan penukaran masa dengan mudah.

Atas ialah kandungan terperinci cap masa javascript kepada datetime. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial PHP
1553
276
Menyelam mendalam ke webassembly (WASM) untuk pemaju depan Menyelam mendalam ke webassembly (WASM) untuk pemaju depan Jul 27, 2025 am 12:32 AM

WebAssembly (WASM) isagame-changerforfront-enddevelopersseekinghigh-performanceWebapplications.1.wasmisabinaryInstructionFatThatRunsatnear-nativespeed, enablinglanguageslikerust, c, andgoexecuteinthebrowser.2.itreBrowser.2.itreBrowser.2

Pengurusan Negeri Pertunjukan Pertama dengan Zustand Pengurusan Negeri Pertunjukan Pertama dengan Zustand Jul 25, 2025 am 04:32 AM

Zustandisalisightweight, PerformantStateManagementsolutionForreActAppsthatavoidsredux'sboilerplate; 1.useSelectiveStateslicingtopreventunnessaryre-rendersbyselecselectingonlytheneedstateProperty;

Apakah tujuan atribut REL dalam tag pautan dalam HTML? Apakah tujuan atribut REL dalam tag pautan dalam HTML? Aug 03, 2025 pm 04:50 PM

rel = "stylesheet" linkscssfilesforstylingthepage; 2.rel = "preload" hintStopreloadcriticalResourcesforperformance; 3.rel = "ikon" setSthewebsite'sfavicon; 4.rel = "alternate" menyediakan

Memahami dan melaksanakan OAuth 2.0 di bahagian depan Memahami dan melaksanakan OAuth 2.0 di bahagian depan Jul 25, 2025 am 04:31 AM

Apabila menggunakan OAuth 2.0, proses kod kebenaran PKCE harus diterima pakai dan bukannya proses tersirat, elakkan menyimpan token di localStorage di hujung depan, keutamaan diberikan untuk memproses token menyegarkan melalui hujung belakang, dan integrasi selamat dicapai dengan menggunakan perpustakaan pengesahan yang dipercayai untuk memastikan keselamatan aplikasi depan.

Apakah tujuan atribut sasaran tag utama dalam HTML? Apakah tujuan atribut sasaran tag utama dalam HTML? Aug 02, 2025 pm 02:23 PM

ThetTargetTatTributeNanHtmlancHortAragspecifiesWherEtoopentHelinkedDocument.1._SelFopensTheLinkIndesAmetAB

Membina cangkuk adat, boleh diguna semula di React Membina cangkuk adat, boleh diguna semula di React Aug 03, 2025 pm 04:51 PM

AgoodcustomhookinreactisareusableFunctionStarting dengan "menggunakan" bahawacapapsulatesstullogicforsharingacrosscomponents; itshouldsolveacommonproblem, beflexiblethroughroughparameterfetch (url, opsyen), kembali

Praktik Terbaik Pengantarabangsaan Frontend (I18N) Praktik Terbaik Pengantarabangsaan Frontend (I18N) Jul 26, 2025 am 07:59 AM

Empat langkah diperlukan untuk mencapai pengantarabangsaan front-end: pertama, gunakan JSON berstruktur untuk mengurus kandungan terjemahan yang terpusat untuk mengelakkan pengekodan keras; Kedua, gunakan perpustakaan I18N matang seperti React-I18Next, VUE-I18N atau FORMATJS untuk menyokong peraturan bahasa yang kompleks; Ketiga, reka bentuk terlebih dahulu untuk menyesuaikan diri dengan panjang bahasa yang berlainan dan susun atur RTL, ruang simpanan dan menggunakan susun atur elastik; Keempat, tambahkan anotasi terjemahan untuk menjelaskan konteks, memudahkan kerjasama. Empat mata ini dapat mengurangkan kos penyelenggaraan dan meningkatkan ketepatan penyesuaian berbilang bahasa dan kecekapan pembangunan.

Membuat susun atur UI yang kompleks dengan subgrid CSS Membuat susun atur UI yang kompleks dengan subgrid CSS Jul 26, 2025 am 06:19 AM

CssssubGridenablesChildElementStoalignacrossRowsRowSandcolumnsofapArentGrid, solvinglignmentiSsueSeSuSiSiSiSiSiSiSiSiSiSiSiSeDlayoutS.1.itallowsagridItemTheriteterTetereterTeterStrambeBebyBebySingSubGridForGridS

See all articles