Penguasaan lengkap objek Tarikh JavaScript

Artikel ini membawa anda pengetahuan yang berkaitan tentang javascript, yang terutamanya memperkenalkan isu berkaitan tentang objek tarikh ialah pembina, jadi kita mesti melalui instantiasi objek, iaitu Ia hanya boleh digunakan selepas lulus baru. Mari kita lihat. Saya harap ia akan membantu semua orang.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Seterusnya, kami akan menerangkan objek terbina dalam biasa kedua dalam JS - Objek tarikh

Objek tarikh adalah berbeza daripada objek Matematik bukan a constructor dan boleh digunakan secara langsung Objek Date ialah constructor, jadi kita mesti membuat instantiate objek, iaitu, sebelum ia boleh digunakan selepas menghantar objek Date yang baru kebanyakannya digunakan untuk menangani isu masa dan tarikh dalam pembangunan.

Penyampaian objek tarikh:

var date=new Date();

Penyampaian objek tarikh boleh mempunyai parameter atau tiada parameter, dan output tanpa parameter ialah Masa standard daripada sistem semasa pada masa itu. Jika terdapat parameter, kami boleh mengeluarkan masa yang ingin kami paparkan

1: Instalasi tanpa parameter

Selepas instantiasi tanpa parameter, ia akan Menunjukkan masa dan tarikh sistem semasa

var date=new Date();  //没有参数

console.log(date);  //会输出当前时间

2: Instantiation dengan parameter

Instance dengan parameter Di sana adalah dua jenis, iaitu jenis numerik dan jenis rentetan Berikut adalah contoh kedua-dua jenis masing-masing

1

var date=new Date(2021,1,18);  //数字型参数

console.log(date);

Anda boleh melihat bahawa parameter yang kami masukkan ialah Januari, tetapi hasil keluarannya ialah Feb (Februari), iaitu keluaran angka. Ia akan menjadi satu bulan lebih tua daripada bulan yang kita masuk.

2. Instantiation parameter rentetan:

var date=new Date('2021-1-18 12:56:00');  //字符串型参数

console.log(date);

Parameter ialah 1 bulan, dan hasil output juga 1 Bulan, jadi parameter rentetan digunakan lebih kerap daripada parameter berangka.

3: Memformat tahun, bulan dan hari

Kita sedia maklum bahawa objek Matematik mempunyai banyak sifat dan kaedah yang boleh digunakan secara langsung, dan perkara yang sama berlaku untuk objek Tarikh, yang juga boleh digunakan selepas instantiasi Terdapat banyak kaedah Terdapat tiga kaedah yang biasa digunakan untuk memformat tahun, bulan dan hari

getFullYear(). Keluaran tahun semasa

getMonth() getDate()

Output hari semasagetDay()

Keluarkan hari semasa dalam minggu (nombor sepadan dari Isnin hingga Ahad: 1 2 3 4 5 6 0) Jika anda mahukan kesan output menjadi Selasa, 18 Januari 2021 , operasi berikut boleh dilakukan

var Date=new Date();

 console.log(Date.getFullYear());  //输出当前年份

 console.log(Date.getMonth() + 1);  //输出结果为当前月份的前一月，要手动加1才能返回当前月份

 console.log(Date.getDate());  //输出当前几号

 console.log(Date.getDay());  //输出当前周几

(kerana hari dalam seminggu hanya boleh dikembalikan nombor A, tetapi mengikut adat kami ingin mengembalikan 'hari minggu', jadi kami menganggap nombor yang dikembalikan sebagai indeks dan meletakkan Ahad hingga Sabtu dalam tatasusunan Kerana Ahad mengembalikan 0, kami meletakkan Ahad dalam tatasusunan)

Empat: Memformat jam, minit dan saat

var arr=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];

var Date=new Date();

var year=Date.getFullYear(); 

var month=Date.getMonth() + 1; 

var date=Date.getDate();

var day=Date.getDay();  

 console.log(year + '年' + month + '月' + date + '日' + arr[day]);

adalah sama seperti format di atas Penggunaan tahun, bulan dan hari adalah serupa dengan

getHours()

Keluarkan jam semasa getMinutes()

getSeconds()    输出当前秒

var Date=new Date();  

console.log(Date.getHours());  //输出当前小时

console.log(Date.getMinutes());  //输出当前分钟

console.log(Date.getSeconds());  //输出当前秒

 

 输出连续格式时分秒：

将其封装在了函数内，并利用三元运算符将不足10的数字补0，符合平常看时间的习惯

function time()

{

var time=new Date();

var h=time.getHours();

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

var m=time.getMinutes();

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

var s=time.getSeconds();

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

return h+'时'+m+'分'+s+'秒';

}

console.log(time());

五：获取当前时间总毫秒数（时间戳）

这里所说的总毫秒数是指当前时间距离1970年1月1日的总毫秒数，共有四种方法可以表示

valueOf()

getTime()

var date=new Date();

console.log(date.valueOf());   

console.log(date.getTime());

 或者使用另外一种简便写法 var date=+new Date();返回的就是总毫秒数

var date=+new Date();

console.log(date);

 以及H5新增加的一种方法，这个方法不需要实例化对象即可获得，更为简便

console.log(Date.now());

六：倒计时案例（重点）

在日常开发中很多地方都会用的到倒计时，例如淘宝，京东的双十一秒杀倒计时等，我们如何也写出一个倒计时效果呢，我们首先会想到刚才学到的获取当前时间，再减去我们设置好的时间即可，但是我们获取到的标准时间很可能会出现减去之后是负数的情况（例如02-12）这怎么办呢？于是我们的时间戳便有利用价值了，时间戳即刚才讲到过的总毫秒数，这个时间是永远不会重复的，对此我们可以使用设置好的总毫秒数减去当前的总毫秒数，在进行一系列单位换算，就可以得到一个简单的倒计时案例了，首先我们需要熟练记清楚单位换算之间的关系：

1秒=1000毫秒

天数=秒数/60/60/24

小时数=秒数/60/60%24

分钟数=秒数/60%60

秒数=秒数%60

对于无法整除的秒数，我们利用 parseInt() 方法取整即可，有了这样一个换算关系，我们就可以轻松地完成这个倒计时案例了

function count(time)

{

    var nowtime=+new Date(); //得到当前时间

    var aimtime=+new Date(time);  //得到目标时间（结束时间）

    var times=(aimtime-nowtime)/1000;  //得到倒计时时间差（毫秒） 除1000得到秒

    var d=parseInt(times/60/60/24)  //得到倒计时天数

    d=d<10?'0'+d:d;  //将不足10的时间补0

    var h=parseInt(times/60/60%24)  //得到倒计时小时数

    h=h<10?'0'+h:h;  //将不足10的时间补0

    var m=parseInt(times/60%60)  //得到倒计时分钟数

    m=m<10?'0'+m:m;  //将不足10的时间补0

    var s=parseInt(times%60)  //得到倒计时秒数

    s=s<10?'0'+s:s;  //将不足10的时间补0

    return d + '天' + h + '时' + m + '分' + s +'秒';  //返回倒计时

}

alert('倒计时还剩下' + count('2022-1-18 16:30:00'));  //调用并输入目标的结束时间

【相关推荐：javascript视频教程、web前端】

Atas ialah kandungan terperinci Penguasaan lengkap objek Tarikh JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!