前端過去當前日期 js如何獲取當前時間並顯示

2021-10-12 14:58:15 字數 2501 閱讀 4753

js可以通過date物件獲取當前日期和時間,使用date()獲取系統當前時間,在使用getfullyear()、getmonth()、getdate() 、gethours()等方法獲取特定格式的時間,在使用innerhtm方法顯示。web前端學習:打造全網web前端全棧資料庫(總目錄)看完學的更快,掌握的更加牢固,你值得擁有(持續更新)​zhuanlan.zhihu.com

首先我們來了解一下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**

.time span

年月日時

分秒1//呼叫show()函式

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獲取系統當前時間

一 簡潔版 1.var odate new date 例項乙個時間物件 odate.getfullyear 獲取系統的年 odate.getmonth 1 獲取系統月份,由於月份是從0開始計算,所以要加1 odate.getdate 獲取系統日,odate.gethours 獲取系統時,odate....

js獲取當前日期

1.date 物件用於處理日期和時間。建立 date 物件的語法 var mydate new date date 物件會自動把當前日期和時間儲存為其初始值。2.引數形式有以下5種 new date month dd,yyyy hh mm ss new date month dd,yyyy new ...

Js獲取當前日期時間

var mydate new date mydate.getyear 獲取當前年份 2位 mydate.getfullyear 獲取完整的年份 4位,1970 mydate.getmonth 獲取當前月份 0 11,0代表1月 mydate.getdate 獲取當前日 1 31 mydate.get...