js如何取得目前時間並顯示

js可以透過Date物件取得目前日期和時間，使用Date()取得系統目前時間，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法取得特定格式的時間，在使用innerHTM方法顯示。

這篇文章要為大家介紹如何使用js來取得目前時間並顯示，以下就開始介紹具體的內容，希望對你們有幫助。 【相關影片教學推薦：JavaScript教學】

#首先我們來了解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如何取得目前時間並顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！