js可以通過Date對象獲取當前日期和時間，使用Date()獲取系統當前時間，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法獲取特定格式的時間，在使用innerHTM方法顯示。

web前端學習：打造全網web前端全棧資料庫（總目錄）看完學的更快，掌握的更加牢固，你值得擁有（持續更新）?zhuanlan.zhihu.com

本篇文章給大家介紹如何使用js來獲取當前時間并顯示，下面就開始介紹具體的內容，希望對你們有所幫助。

首先我們來了解一下js獲取當前時間所需的一些方法：

獲取當前時間：

var d = new Date();//獲取系統當前時間

獲取特定格式的時間：

1、獲取當前年份

getYear()方法：可以獲取年份（2位或4位），其返回值是表示當前Date 對象的年份字段

說明：當年份介于 1900 與 1999 之間時，getYear() 方法返回僅有兩位數字的值；當年份在1900 之前或 1999 之后時，則可能返回 4 位數字的值。例：

var d = new Date(); console.log(d.getYear());var born = new Date("1983"); console.log(born.getYear());

效果圖：

注：getYear()方法無法獲取完整的年份，且在ECMAScript v3 開始，就被getFullYear() 方法取而代之，不怎么被使用了。

getFullYear() 方法：可以獲取當前一個完整的年份(4位數字，1970-????)。例：

var d = new Date(); console.log(d.getFullYear());var born = new Date("1983"); console.log(born.getFullYear());

效果圖：

2、獲取當前月份

getMonth()：可以獲取本地時間的月份。

注：getMonth()方法返回的值是從0（表示1月）開始，到11（表示12月）結束的一個整數，即0~11之間的一個整數；如果想要獲取和當前時間相同的月份，可在getMonth()方法返回的值后加1。例：

var d=new Date(); console.log(d.getMonth()); console.log(d.getMonth()+1);

效果圖：

3、獲取當前天數

getDate() ：可以返回一個月份的某一天，使用本地時間；返回值是 在1 ~ 31 之間的一個整數。例

var d = new Date()； console.log(d.getDate())var d = new Date(“July 21, 1983”)； console.log(d.getDate())

效果圖：

4、獲取當前時間

• getHours()：獲取小時數，返回的小時數值是從0到23之間的整數
  getMinutes()：獲取分鐘數，返回的分鐘數值是從0到59之間的整數
• getSeconds()：獲取秒數，返回的秒數值是從0到59之間的整數

例：獲取當前時間

var d = new Date(); var hour= d.getHours();//得到小時數 var minute= d.getMinutes();//得到分鐘數 var second= d.getSeconds();//得到秒數

js獲取當前時間并顯示示例：

html+css代碼

<style>.time span{display:inline-block;width:40px;height: 20px;} </style><div class="time">當前時間：<br><br><span id="y"></span>年<span id="mo"></span>月<span id="d"></span>日<span id="h"></span>時<span id="m"></span>分<span id="s"></span>秒<span id="time1">1</span>//調用show()函數 </div>

js代碼：

function show(){ var now = new Date(); var year = now.getFullYear(); //得到年份 var month = now.getMonth()+1;//得到月份 var date = now.getDate();//得到日期 // var day = now.getDay();//得到周幾 var hour= now.getHours();//得到小時數 var minute= now.getMinutes();//得到分鐘數 var second= now.getSeconds();//得到秒數document.getElementById("y").innerHTML=year;document.getElementById("mo").innerHTML=month;document.getElementById("s").innerHTML=date; document.getElementById("h").innerHTML=hour;document.getElementById("m").innerHTML=minute;document.getElementById("s").innerHTML=second; setTimeout(show,1000);//定時器一直調用show()函數 return ""; }

效果圖：

總結：以上就是本篇文章的全部內容，希望能對大家的學習有所幫助。

以上就是js如何獲取當前時間并顯示的詳細內容，更多請關注我！！！

總結

以上是生活随笔為你收集整理的android 获取当前时间_js如何获取当前时间并显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。