kitaran penukaran cap masa javascript

Dengan pembangunan berterusan Internet dan populariti aplikasi, cap masa, sebagai kaedah perwakilan masa yang biasa digunakan, digunakan secara meluas dalam pelbagai senario interaksi data. Untuk pembangun bahagian hadapan, selalunya perlu menukar cap masa supaya ia boleh dipersembahkan kepada pengguna dengan lebih intuitif, sambil turut memudahkan interaksi data bahagian belakang.

Dalam JavaScript, cap waktu ialah unit masa yang dinyatakan dalam milisaat, tetapi dalam penggunaan sebenar kita lebih terbiasa untuk menyatakan masa dalam unit kitaran, seperti tahun, bulan, hari, jam, minit dan saat. tunggu. Oleh itu, artikel ini akan menerangkan cara menggunakan JavaScript untuk menukar cap masa kepada perwakilan masa dalam pelbagai unit berkala.

1. Tukar cap masa kepada rentetan masa

Dalam JavaScript, kita boleh menggunakan kaedah toLocaleString() bagi objek Date untuk menukar cap masa kepada rentetan waktu tempatan. Kaedah ini mengembalikan rentetan Format rentetan berbeza mengikut tempat yang berbeza, seperti "2022/01/01 1:00:00 PTG".

Contoh kod:

const timestamp = 1641010800000; // 时间戳，单位为毫秒
const date = new Date(timestamp);
const localTimeString = date.toLocaleString(); // 本地时间字符串
console.log(localTimeString);

2. Tukar cap masa kepada rentetan tarikh

Selain menukar cap masa kepada rentetan waktu tempatan, anda juga boleh Ia ditukar menjadi rentetan dalam format tarikh kalendar, iaitu, hanya bahagian tahun, bulan dan hari sahaja yang dikekalkan. Ini boleh dicapai dengan menggunakan kaedah toLocaleDateString() objek Date.

Contoh kod:

const timestamp = 1641010800000; // 时间戳，单位为毫秒
const date = new Date(timestamp);
const dateString = date.toLocaleDateString(); // 日期字符串
console.log(dateString);

3. Tukar cap waktu kepada rentetan masa (tanpa tarikh)

Jika kita hanya perlu mengekalkan bahagian masa, kita boleh Gunakan kaedah toLocaleTimeString() objek Tarikh.

Contoh kod:

const timestamp = 1641010800000; // 时间戳，单位为毫秒
const date = new Date(timestamp);
const timeString = date.toLocaleTimeString(); // 时间字符串（不包含日期）
console.log(timeString);

4. Tukar cap waktu kepada objek masa

Objek Tarikh dalam JavaScript bukan sahaja boleh menukar cap masa kepada format rentetan, Ia juga boleh ditukar menjadi objek masa, yang mengandungi maklumat seperti tahun, bulan, hari, jam, minit, saat, dsb.

Contoh kod:

const timestamp = 1641010800000; // 时间戳，单位为毫秒
const date = new Date(timestamp);
const year = date.getFullYear(); // 年
const month = date.getMonth() + 1; // 月（注意要加上1）
const day = date.getDate(); // 日
const hour = date.getHours(); // 时
const minute = date.getMinutes(); // 分
const second = date.getSeconds(); // 秒
console.log(year, month, day, hour, minute, second);

5. Tukar cap waktu kepada perwakilan jam, minit dan saat

Kadang-kadang kita hanya perlu mendapatkan bahagian jam, minit dan saat masa, yang boleh dikira dengan Perbezaan antara cap masa dan cap masa sifar pada hari itu, dan lakukan penukaran unit untuk mendapatkan perwakilan jam, minit dan saat.

Contoh kod:

const timestamp = 1641010800000; // 时间戳，单位为毫秒
const date = new Date(timestamp);
const zeroTimestamp = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime(); // 当天零点的时间戳
const diff = (timestamp - zeroTimestamp) / 1000; // 时间戳与当天零点时间戳之间的差值，单位为秒
const hour = Math.floor(diff / 3600); // 小时
const minute = Math.floor((diff % 3600) / 60); // 分钟
const second = Math.floor(diff % 60); // 秒
console.log(hour, minute, second);

Ringkasan:

Dalam JavaScript, menukar cap masa kepada perwakilan masa dalam pelbagai unit tempoh boleh dicapai dengan menggunakan pelbagai kaedah objek Tarikh , termasuk toLocaleString (), toLocaleDateString(), toLocaleTimeString(), getFullYear(), dsb. Pada masa yang sama, perbezaan masa juga boleh dikira untuk mendapatkan ungkapan seperti jam, minit dan saat. Kaedah di atas boleh memenuhi kebanyakan keperluan penukaran masa, di samping memberikan kebebasan yang cukup kepada pembangun untuk menjalankan pembangunan tersuai mengikut keperluan untuk meningkatkan pengalaman pengguna.

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