獲取當(dāng)前時(shí)間并顯示的方法

這篇文章給大家分享的是有關(guān)獲取當(dāng)前時(shí)間并顯示的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

js可以通過(guò)Date對(duì)象獲取當(dāng)前日期和時(shí)間，使用Date()獲取系統(tǒng)當(dāng)前時(shí)間，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法獲取特定格式的時(shí)間，在使用innerHTM方法顯示。

首先我們來(lái)了解一下js獲取當(dāng)前時(shí)間所需的一些方法：

獲取當(dāng)前時(shí)間：

var d = new Date();//獲取系統(tǒng)當(dāng)前時(shí)間

獲取特定格式的時(shí)間：

1、獲取當(dāng)前年份

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

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

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

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

效果圖：

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

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

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

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

效果圖：

2、獲取當(dāng)前月份

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

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

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

效果圖：

3、獲取當(dāng)前天數(shù)

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

var d = new Date()；
console.log(d.getDate())

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

效果圖：

4、獲取當(dāng)前時(shí)間

getHours()：獲取小時(shí)數(shù)，返回的小時(shí)數(shù)值是從0到23之間的整數(shù)

getMinutes()：獲取分鐘數(shù)，返回的分鐘數(shù)值是從0到59之間的整數(shù)

getSeconds()：獲取秒數(shù)，返回的秒數(shù)值是從0到59之間的整數(shù)

例：獲取當(dāng)前時(shí)間

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

js獲取當(dāng)前時(shí)間并顯示示例：

html+css代碼

<style>
 .time span{display:inline-block;width:40px;height: 20px;}
</style>

<div class="time">當(dāng)前時(shí)間：<br><br>

     <span id="y"></span>年

     <span id="mo"></span>月

     <span id="d"></span>日

     <span id="h"></span>時(shí)

     <span id="m"></span>分

     <span id="s"></span>秒
     <span id="time1">1</span>//調(diào)用show()函數(shù)
</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();//得到小時(shí)數(shù)
var minute= now.getMinutes();//得到分鐘數(shù)
var second= now.getSeconds();//得到秒數(shù)


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);//定時(shí)器一直調(diào)用show()函數(shù)
return "";
}

效果圖：

感謝各位的閱讀！關(guān)于獲取當(dāng)前時(shí)間并顯示的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！