4.3 認識時戳(Timestamp)

建立當下的日期物件

var d = new Date(); // 變數 d 會得到一個日期物件

取得當下的日期時間相關資訊

方法	說明
getFullYear()	取得四位數的西元年。
getMonth()	0 ~ 11。取得月份。0 代表一月，11 代表十二月。
getDate()	1 ~ 31。取得日期。
getHours()	0 ~ 23。取得小時的部份。
getMinutes()	0 ~ 59。取得分鐘。
getSeconds()	0 ~ 59。取得秒數。
getMilliseconds()	0 ~ 999。取得毫秒數。
getTime()	取得 Unix Timestamp，回傳毫秒數。
getDay()	0 ~ 6。取得星期幾。0 代表星期日，6 代表星期六。
Date.now()	與 getTime() 同。

例：

var d = new Date();

console.log(d.getFullYear());
console.log(d.getMonth());
console.log(d.getDate());
console.log(d.getHours());
console.log(d.getMinutes());
console.log(d.getSeconds());
console.log(d.getMilliseconds());
console.log(d.getDay());

// 以下兩行得到的會是相同的結果，就是「時戳」，回傳的單位是「毫秒」
console.log(d.getTime());
console.log(Date.now());

什麼是時戳(Timestamp)

1970/01/01 00:00:00 到現在的秒數，就是時戳。

Unix Timestamp 網站一進去之後，可以看到如下圖藍框處，即時戳：

待辦事項的範例，會使用時戳來當做待辦事項的 ID，因為時戳不會相同。

參考資料

Date 其它用法：https://www.w3schools.com/jsref/jsref_obj_date.asp

練習：在網頁上顯示日期時間

請在 practice 資料夾底下，建立 datetime_now.html 網頁檔，然後開始寫 JS，完成的結果如下影片：

參考作法：