關於 JavaScript Date - 做一個倒數頁面

Github

Date

JavaScript Date 物件可以指向某一個時間點。

語法

new Date();
new Date(value);
new Date(dateString);
new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);

MDN

• 如果沒有傳入任務參數到建構子，會依系統設定建立出代表當下時間的 Date 物件。
• 如果傳入至少兩個參數，缺少日期的話會設為 1，其它參數則會被設定為 0。
• JavaScript 的 date 基於世界標準時間（UTC）1970 年 1 月 1 日午夜的毫秒數。一天有 86,400,000 毫秒。JavaScript Date 物件可表示的範圍由世界標準時間（UTC） 1970 年 1 月 1 日為基準的 -100,000,000 天到 100,000,000 天。
• JavaScript Date 物件提供跨平台一致的行為。這個時間數值可以在系統之間傳遞表示相同的時間，如果建立本地的時間物件，其表現將會與本地習慣相對應。
• JavaScript Date 物件提供了若干 UTC (通用的) 以及本地時間方法。UTC，也被稱為格林威治標準時間（GMT）被指定作為世界時間的標準。本地時間指的是被設定在執行 JavaScript 電腦上的時間。
• 以函數方式呼叫 Date （也就是省略 new (en-US) 建構子）將會回傳一個表示當下時間日期的字串。

使用

var today = new Date();

var birthday = new Date(1995, 11, 17);

//取得還有多少時間 ， getTime()
var futureday = new Date(2222, 11, 11).getTime();

使用getTime會將日期轉為數值型態

其他用法

getTime() / now()區別

getTime()

const t1 = new Date();
const t2 = t1.getTime();
console.log(t1,t2) //這裡的 t2 會跟 now() 的結果一樣，如果想要取得這個可以直接用now()，效能比較好

const t3 = new Date(2040,10,10);
const t4 = t3.getTime();
console.log(t3,t4); //getTime() 可以取得到某一個自訂的時間點

now()

var timeInMs = Date.now();
console.log(timeInMs)
//回傳自 1970/01/01 00:00:00 UTC 起經過的毫秒數。

//*由於 now() 是 Date 的靜態方法，你只能用 Date.now() 的方式呼叫它。

設定日期和時間相關的方法：