Cara JavaScript mengira masa

王林
Lepaskan: 2023-05-17 21:16:09
asal
2544 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan yang sangat popular yang digunakan secara meluas dalam pembangunan web, pembangunan aplikasi mudah alih, pembangunan aplikasi desktop dan bidang lain. Dalam JavaScript, masa ialah jenis data yang sangat penting, dan masa boleh diwakili dan dimanipulasi melalui objek Tarikh terbina dalam JavaScript. Artikel ini akan membincangkan cara JavaScript mengira masa.

1. Perwakilan masa dalam JavaScript

Dalam JavaScript, masa diwakili dalam bentuk objek Tarikh. Pembina objek Date menerima parameter integer atau set nilai tahun, bulan, hari, jam, minit, saat dan milisaat tertentu, mewakili bilangan milisaat yang telah berlalu sejak 00:00:00 UTC pada 1 Januari 1970 . Sebagai contoh, kod berikut mencipta objek Tarikh yang mewakili 12:34:56 pada 1 September 2021:

var date = new Date(2021, 8, 1, 12, 34, 56);
Salin selepas log masuk

di mana bulan mula dikira dari 0, jadi 8 mewakili September. Anda juga boleh terus memasukkan bilangan milisaat:

var date = new Date(1630472096000);
Salin selepas log masuk

Objek tarikh yang dibuat oleh dua coretan kod di atas adalah setara.

2. Operasi masa dalam JavaScript

Dalam JavaScript, anda boleh melakukan operasi tambah dan tolak asas pada objek Tarikh untuk mendapatkan objek tarikh dan masa baharu. Berikut ialah operasi masa biasa:

  1. Operasi tambahan

Kaedah getTime() bagi objek Date boleh mengembalikan tarikh sejak 1 Januari 1970 00:00:00 UTC Bilangan milisaat yang telah berlalu sejak masa yang ditentukan. Oleh itu, dengan menambah dua objek Date, anda akan mendapat perbezaan masa di antara mereka (dalam milisaat Kemudian tambahkan perbezaan masa ini pada objek Date yang lain untuk mendapatkan objek Date baharu, yang bermaksud menambah perbezaan masa yang ditentukan kemudian).

Sebagai contoh, kod berikut akan mencipta objek Tarikh yang mewakili detik seterusnya pada 12:34:56 pada 1 September 2021:

var date = new Date(2021, 8, 1, 12, 34, 56);
var nextSecond = new Date(date.getTime() + 1000);
Salin selepas log masuk

di mana nextSecond ialah tarikh yang mewakili objek Tarikh September 2021 pada 12:34:57 pada 1hb.

Begitu juga, anda juga boleh menggunakan kaedah setTime() bagi objek Date untuk menetapkan bilangan milisaat dalam masa yang ditentukan, contohnya:

var date = new Date(2021, 8, 1, 12, 34, 56);
date.setTime(date.getTime() + 1000);
Salin selepas log masuk

Kod di atas akan menetapkan objek tarikh untuk mewakili 1 September 2021 Masa ialah 12:34:57.

  1. Penolakan

Begitu juga, dua objek Tarikh boleh ditolak untuk mendapatkan perbezaan masa antara mereka. Berikut ialah operasi tolak biasa:

(1) Kira perbezaan masa (dalam milisaat) antara dua objek Tarikh:

var date1 = new Date(2021, 8, 1, 12, 34, 56);
var date2 = new Date(2021, 8, 2, 12, 34, 56);
var diff = date2.getTime() - date1.getTime();
Salin selepas log masuk

Kod di atas akan mendapat nilai beza menjadi 86400000, yang mana ialah 24 Jam (246060*1000 milisaat).

(2) Kira perbezaan masa (dalam milisaat) antara masa semasa dan masa yang ditentukan:

var date = new Date(2021, 8, 1, 12, 34, 56);
var now = new Date();
var diff = now.getTime() - date.getTime();
Salin selepas log masuk

Kod di atas akan mendapat nilai perbezaan antara masa semasa dan 1 September, 2021 12 Perbezaan masa (dalam milisaat) antara :34:56.

  1. Pengiraan selang masa

JavaScript mempunyai beberapa fungsi terbina dalam untuk mengira selang masa, termasuk getTime(), getFullYear(), getMonth(), getDate(), getDay(), getHours(), getMinutes(), getSeconds(), getMilliseconds(), dsb.

Sebagai contoh, kod berikut mengira selang masa dari 12:34:56 pada 1 September 2021 hingga masa semasa:

var date = new Date(2021, 8, 1, 12, 34, 56);
var now = new Date();
var yearDiff = now.getFullYear() - date.getFullYear();
var monthDiff = now.getMonth() - date.getMonth();
var dayDiff = now.getDate() - date.getDate();
var hourDiff = now.getHours() - date.getHours();
var minuteDiff = now.getMinutes() - date.getMinutes();
var secondDiff = now.getSeconds() - date.getSeconds();
var millisecondDiff = now.getMilliseconds() - date.getMilliseconds();
Salin selepas log masuk

Kod di atas akan mendapat masa semasa dan September 2021 Selang masa antara 12:34:56 pada hari pertama, dalam tahun, bulan, hari, jam, minit, saat dan milisaat. Nilai ini boleh digunakan dalam kombinasi untuk pengiraan masa berdasarkan keperluan khusus.

3. Pemformatan tarikh dalam JavaScript

Dalam pembangunan sebenar, kita biasanya perlu menukar objek Tarikh kepada format tarikh tertentu untuk memudahkan paparan atau interaksi dengan sistem lain. JavaScript menyediakan beberapa fungsi pemformatan tarikh yang biasa digunakan, seperti berikut:

  1. toDateString(): Menukar objek Tarikh kepada rentetan tarikh dalam format Hari Minggu Bulan Tarikh Tahun, contohnya: Kha 8 Apr 2021 .
  2. toTimeString(): Tukar objek Date kepada rentetan masa dalam format hh:mm:ss GMT+0800 (Zon Waktu), contohnya: 09:28:14 GMT+0800 (Masa Standard China).
  3. toLocaleDateString(): Tukar objek Date kepada rentetan tarikh setempat, contohnya: 8 April 2021.
  4. toLocaleTimeString(): Tukar objek Date kepada rentetan masa setempat, contohnya: 9:28:14 AM.
  5. toLocaleString(): Tukar objek Tarikh kepada rentetan masa tarikh setempat, contohnya: 8 April 2021 9:28:14 PG.
  6. toUTCString(): Tukar objek Tarikh kepada rentetan masa standard UTC, contohnya: Kha, 08 Apr 2021 01:28:14 GMT.

Selain fungsi di atas, anda juga boleh menggunakan perpustakaan pihak ketiga atau menulis kod secara manual untuk memformat tarikh dan masa.

4. Kesimpulan

Artikel ini memperkenalkan cara mengira masa dalam JavaScript, termasuk perwakilan masa, operasi tambah dan tolak, pengiraan selang masa dan pemformatan tarikh, dsb. Fungsi pengiraan masa dalam JavaScript sangat berkuasa dan boleh digunakan pada pelbagai medan, seperti kesan dinamik halaman web, fungsi kira detik, penukaran cap masa, dsb. Dengan mengkaji kandungan yang diperkenalkan dalam artikel ini, pembaca boleh mempunyai pemahaman yang lebih mendalam tentang pengetahuan berkaitan pengiraan masa JavaScript, supaya ia boleh digunakan dengan lebih fleksibel dalam aplikasi praktikal.

Atas ialah kandungan terperinci Cara JavaScript mengira masa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan