Penguasaan penuh objek Tanggal JavaScript

[Rekomendasi terkait: Tutorial video JavaScript, front-end web]

Selanjutnya, kami akan menjelaskan tipe kedua dari objek bawaan umum di JS - Objek Tanggal

. Objek Tanggal berbeda dengan objek Matematika dan dapat digunakan secara langsung, sedangkan objek Date adalah konstruktor, jadi kita harus melalui instantiasi objek, yaitu new sebelum dapat digunakan. Objek Date sebagian besar digunakan untuk menangani masalah waktu dan tanggal dalam pengembangan.

Instansiasi objek tanggal:

var date=new Date();

Objek Date dapat dibuat instance-nya dengan atau tanpa parameter. Output tanpa parameter adalah waktu standar sistem saat ini

:

Instansiasi tanpa parameter.

Setelah instantiasi tanpa parameter, waktu dan tanggal sistem saat ini akan ditampilkan.

var date=new Date(); keluaran.

2: Instansiasi dengan parameter

Ada dua jenis instantiasi dengan parameter, yaitu tipe numerik dan tipe string . Berikut contoh kedua tipe tersebut masing-masing

1. Instansiasi parameter numerik:

var date=new Date(2021 ,1,18); //Parameter numerik console.log(tanggal);

Terlihat parameter yang kita masukkan adalah bulan Januari, namun hasil outputnya adalah Feb (Februari). Output numeriknya akan lebih besar satu bulan dari bulan yang kita masukkan.

2. Instansiasi parameter string:

var date=new Date('2021-1-18 12:56:00'); //String parameter console.log(date);

Parameternya Januari, dan hasil keluarannya juga Januari, jadi parameter string lebih sering digunakan daripada parameter numerik.

Tiga: Format tahun, bulan dan hari

Kita sudah tahu bahwa objek Math memiliki banyak atribut dan metode yang dapat digunakan secara langsung. Hal yang sama berlaku untuk objek Tanggal. Banyak metode juga dapat digunakan setelah instantiasi metode yang digunakan untuk memformat tahun, bulan dan hari:

getFullYear()

getMonth()

tahun ini

Keluaran bulan ini (perlu diperhatikan bahwa bulan keluaran kurang 1 dari bulan sebenarnya, dan 1 harus ditambahkan ke keluaran bulan sebenarnya)

getDate() Keluarkan getDay hari ini

() Keluarkan hari saat ini dalam seminggu (angka yang sesuai dari Senin hingga Minggu: 1 2 3 4 5 6 0)

var Date=new Date();

 console.log(Date.getFullYear()); //Output tahun ini console.log(Date.getMonth() + 1); //Hasil output adalah bulan sebelum bulan ini konsol bulan ini .log(Date.getDate()); //Output hari ini dalam seminggu console.log(Date.getDay()); //Output hari ini dalam seminggu

Jika ingin efek keluarannya menjadi Selasa, 18 Januari 2021 , Anda dapat melakukan hal berikut

(karena hari dalam seminggu hanya dapat mengembalikan satu angka, tetapi sesuai kebiasaan kami ingin mengembalikan 'hari dalam seminggu', jadi kita memperlakukan nomor yang dikembalikan sebagai Indeks, masukkan Minggu ke Sabtu ke dalam array, karena Minggu mengembalikan 0, jadi letakkan Minggu di posisi pertama array, yang sesuai dengan indeks 0)

var arr=['Minggu','Senin ',' Selasa','Rabu','Kamis','Jumat','Sabtu'];

var Tanggal=Tanggal baru();

var tahun=Tanggal.getFullYear(); 

var bulan=Tanggal.getMonth() + 1; 

var tanggal=Tanggal.getDate();

var hari=Tanggal.getDay();  

 console.log(tahun + 'tahun' + bulan + 'bulan' + tanggal + 'hari' + arr[hari]);

Keempat: Memformat jam, menit

getHours()

seperti memformat tahun, bulan, dan hari di atas

Keluarkan getMinutes jam saat ini

()

getSeconds()

menit saat ini

Keluarkan

var Date=new Date();  

console.log(Date.getHours()); //Keluarkan jam saat ini console.log(Date.getMinutes()); //Keluarkan menit saat ini console.log(Date.getSeconds()); detik

Keluaran jam, menit, dan detik dalam format berkelanjutan:

rangkum dalam suatu fungsi, dan gunakan operator ternary untuk menambahkan 0 ke angka kurang dari 10, yang sejalan dengan kebiasaan biasa melihat

fungsi waktu time()

{

var waktu=Tanggal baru();

var h=waktu.getHours();

jam = jam<10 ? '0'+jam : jam;

var m=waktu.getMinutes();

m = m<10 ? '0'+m : m;

var s=waktu.getSeconds();

s = s<10 ? '0'+s : s;

return jam+'jam'+m+'menit'+s+'detik';

}

konsol.log(waktu());

Lima: Dapatkan jumlah total milidetik (cap waktu) dari waktu saat ini.

Jumlah total milidetik yang disebutkan di sini mengacu pada jumlah total milidetik dari waktu saat ini hingga 1 Januari 1970. Ada empat metode untuk menyatakan

valueOf()

getTime ()

var tanggal= Tanggal baru();

console.log(tanggal.valueOf());   

konsol.log(tanggal.getTime());

Atau gunakan metode penulisan sederhana lainnya var date=+new Date(); yang mengembalikan jumlah total milidetik

var date=+new Date();

console.log

(

date);

dan metode baru ditambahkan di H5. Metode ini dapat diperoleh tanpa membuat instance objek dan lebih

sederhana Hitung mundur digunakan di banyak tempat selama pengembangan, seperti Taobao, hitung mundur Double Eleven Flash Sale JD.com, dll. Bagaimana kita bisa menulis efek hitung mundur? Pertama-tama kita memikirkan apa yang baru saja kita pelajari tentang mendapatkan waktu saat ini, lalu kurangi waktu yang kita tetapkan. Waktunya cukup, tetapi waktu standar yang kita peroleh kemungkinan besar berupa angka negatif setelah pengurangan (misalnya 02-12). Jadi stempel waktu kita sangat berharga. Stempel waktu adalah jumlah total milidetik yang baru saja disebutkan. Untuk ini, kita dapat menggunakan jumlah total milidetik yang ditetapkan dikurangi jumlah total milidetik saat ini, setelah melakukan serangkaian konversi satuan, Anda bisa mendapatkan kasus hitung mundur sederhana. Pertama, kita harus mahir mengingat hubungan antara konversi satuan:

1 detik = 1000 milidetik

, hari = detik/60/60/24

jam = detik Angka/60/60% 24

menit=detik/60%60

detik=detik%60Untuk

detik yang tidak dapat habis dibagi, kita dapat menggunakan metode parseInt() untuk membulatkannya. Dengan hubungan konversi seperti itu, kasus hitung mundur ini dapat diselesaikan dengan mudah menggunakan

fungsi count(time)

{

    var nowtime=+tanggal baru(); //Dapatkan waktu saat ini var aimtime=+tanggal baru(waktu); //Dapatkan waktu target (waktu selesai)

    var times=(aimtime-nowtime)/1000; //Dapatkan selisih waktu hitung mundur (milidetik). Bagi 1000 untuk mendapatkan detiknya. var d=parseInt(times/60/60/24) //Dapatkan jumlah hari hitung mundur d= d<10?'0' +d:d; //Tambahkan 0 ke waktu kurang dari 10

    var h=parseInt(times/60/60%24) //Dapatkan jam hitung mundur h=h<10?'0'+h:h; //Tambahkan 0 ke waktu kurang dari 10

    var m=parseInt(times/60%60) //Dapatkan menit hitung mundur m=m<10?'0'+m:m; //Tambahkan 0 ke waktu kurang dari 10

    var s=parseInt(times%60) //Dapatkan hitungan detik mundur s=s<10?'0'+s:s; //Tambahkan 0 ke waktu kurang dari 10

    return d + 'hari' + jam + 'jam' + m + 'menit' + s + 'detik'; //hitung mundur kembali}

alert('Hitungan mundur tetap' + count('18-1-2022 16:30:00')); //Panggil dan masukkan waktu akhir target

[Rekomendasi terkait: tutorial video javascript, front-end web]

The di atas adalah pemahaman lengkap Untuk detail lebih lanjut tentang objek Tanggal JavaScript, harap perhatikan artikel terkait lainnya di jaringan kode sumber untuk informasi lebih lanjut!