EP.21 RE：從零開始的學習 JS 生活-第二十一日之時間

發表於 更新於 分類於

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你 ヽ(・∀・)ﾉ

Liker 讚賞

這篇文章如果對你有幫助，你可以花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與牡蠣鼓勵我。
或者你可以請我喝一杯咖啡。

轉生第二十一日，這一篇將會來介紹時間。

前言

轉生第二十一日，這一篇將會來介紹時間。

時間

時間是我們在開發系統時最常見的一個功能，當然 JavaScript 也有提供時間的語法，那麼該如何使用呢?這一篇來簡單介紹一下取得時間吧。

當我們要透過 JavaScript 中取得時間就必須使用 Date() 的語法，但是還使用 new 建構子來建構日期的方法，所以撰寫方式會是這樣子 ↓

建構日期

那麼我們就可以透過 date 來取得各種時間，格式大多都是這樣撰寫，這邊先以取得當前年份示範 ↓

取得年份

GMT

GMT 是格林威治標準時間的意思，所以當你直接輸入 console.log(date) 就會出現格林威治標準時間 ↓

格林威治標準時間

另外也有另一種 GMT 取得的寫法：

1
new Date().toGMTString()

另一種 GMT

取得年份

取得年的方式是 getFullYear() ↓

年份

取得月份

取得月份的方式是 getMonth() ↓

月份

但是這邊要注意一件事情，getMonth() 從 0 開始計算，所以實際應用時請記得 +1。

  • 一月 = 0,
  • 二月 = 1,
  • 三月 = 2,
  • 四月 = 3,
  • 五月 = 4,
  • 六月 = 5,
  • 七月 = 6
  • 八月 = 7
  • 九月 = 8
  • 十月 = 9
  • 十一月 = 10
  • 十二月 = 11

取得日期

取得日期的方式是 getDay() ↓

日期

日期也一樣要注意getDay() 是從 0 開始計算，所以實際應用時請記得 +1。

  • 星期日 = 0
  • 星期一 = 1
  • 星期二 = 2
  • 星期三 = 3
  • 星期四 = 4
  • 星期五 = 5
  • 星期六 = 6

取得小時

取得小時的方式是 getHours() ↓

小時

取得分鐘

取得分鐘的方式是 getMinutes() ↓

分鐘

取得秒數

取得秒數的方式是 getSeconds() ↓

秒數

取得毫秒

取得毫秒的方式是 getMilliseconds() ↓

毫秒

毫秒的單位是每 1000 秒 = 1 秒。

取得時間戳

時間戳則是使用 getTime() ↓

時間戳

一般來講實際開發時，很常見於使用時間戳來繼續資料新增的時間與修改時間。

組合成一個年/月/日 時:分:秒

那如果我們要將以上方式組合成一個日期，只需要將個別取出來的時間儲存到一個變數內再組合即可：

1
2
3
4
5
6
7
8
9
10
var time = new Date();
var year = time.getFullYear();
var month = time.getMonth() + 1;
var day = time.getDay() +1 ;
var hours = time.getHours();
var minutes = time.getMinutes();
var sec = time.getSeconds();
var millSec = time.getMilliseconds();

var fullTime = '現在日期與時間：' + year + '/' + month + '/' + day + ' ' + hours + ':' + minutes + ':' + sec + ':' + millSec;

現在日期與時間

最後的補充

最後我這邊也附上前陣子我使用的另一種時間撰寫方式，假使我想要取得從今天開始往後算三個月的日期，那就會使用到 setMonth，注意是 SET 開頭而不是 GET 開頭

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var date = new Date();
// 設置月份，依照目前月份 + 3 個月
date.setMonth(date.getMonth() + 3);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate() - 1;

// 若三個月後時間大於 12，年就 +1
if (month > 12) {
  year++;
  month -= 12;
}

// 若月份是 1~9 就補 0
if (month < 10) {
  month = `0${month}`;
}
//若日期是 1 ~ 9 那就補 0
if (day < 10) {
  day = `0${day}`;
}

var getTreeToday = `${year}-${month}-${day}`;

所以說如果你要設置時間，那麼就可以改用 set 開頭的語法唷~

結尾

下一篇的 RE：從零開始的學習 JS 生活-第二十二日 將會介紹 函式、執行環境與變數環境還有範圍鏈。