完全掌握JavaScript的Date對象

【相關推薦：javascript影片教學、web前端】

接下來說明JS 第二類常見的內建物件－ Date 物件

Date 物件和Math 物件不同，Math 物件不是建構函數，可以直接使用，而Date 物件是一個建構函數，所以我們必須經過物件實例化，也就是new 之後才可以使用，Date 物件多用於處理開發中的時間和日期方面的問題。

Date 物件實例化：

var date=new Date();

Date 物件實例化時可以有參數也可以沒有參數，沒有參數輸出的就是當前系統當時的標準時間，有參數的話我們可以輸出想要展現的時間

一：無參數的實例化

沒有參數實例化後會展現出目前系統當時的時間和日期

var date=new Date(); //沒有參數console.log(date); //會輸出目前時間

二：有參數的實例化

有參數的實例化分為兩種，分別是數字型和字串型，以下分別對兩種型別舉例說明

1.數字型參數的實例化：

var date=new Date(2021 ,1,18); //數字型參數console.log(date);

可以看到我們輸入的參數是1月，但輸出的結果是Feb（2月），數位型的輸出會比我們輸入的月份大一個月。

2.字串型參數的實例化：

var date=new Date('2021-1-18 12:56:00'); //字串型參數console.log(date);

參數是1月，輸出端的結果也是1月，因此利用字串型參數比數字型更多。

三：格式化年月日

我們已經知道Math物件有很多屬性和方法可以直接使用，Date物件也一樣，實例化過後也可以使用很多方法，比較常用的有三種格式化年月日的方法

getFullYear() 輸出當前年份

getMonth() 輸出當前月份（應注意輸出的月份比實際月份小1，輸出真實月份應該加1）

getDate() 輸出當前幾號

getDay() 輸出目前週幾（週一到週天分別對應數字：1 2 3 4 5 6 0）

var Date=new Date();

 console.log(Date.getFullYear()); //輸出目前年份console.log(Date.getMonth() + 1); //輸出結果為當月的前一月，要手動加1才能回傳當月月份.log(Date.getDate()); //輸出目前幾號console.log(Date.getDay()); //輸出目前週幾

如果想要輸出效果為2021年1月18日星期二，以下操作即可

（因為星期幾只能返回一個數字，但是根據習慣我們想要返回的是'星期幾'，所以我們把返回的數字當做一個索引，把星期天到星期六放到一個數組中，因為星期天返回的是0，所以把星期天放在數組的第一個位置，正好對應0索引）

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]);

四：格式化時分秒

與上面格式化年月日使用方法類似

getHours() 輸出當前小時

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前端】

以上就是完全掌握JavaScript的Date物件的詳細內容，更多請關注源碼網其它相關文章！