使用 moment.js 製作計算倒數時間的功能

標籤: javascript moment.js

moment.js 是一個滿老牌的跟時間有關的 js 函式庫,如果在網站上有需要做倒數功能的話,也可以考慮使用它延伸的 plugin countdown.js 來製作,這邊講一下做法。

首先下載 moment.js 以及 countdown.js 相關的 libray

接著讀入專案,可以使用直接讀取的方式

<script src="moment.min.js"></script>
<script src="countdown.min.js"></script>
<script src="moment-countdown.min.js"></script>

 

或是透過 npm

npm install moment-countdown

 

接著直接使用:

//得到距離 2021-5-1 00:00:00 的物件
let leftTime=moment().countdown("2021-5-1 00:00:00")

 

再把物件內的東西取出就可以了,比如說:

leftTime.days  //18
leftTime.hours  //10

 

算是很輕鬆可以製作這樣的功能了,有興趣可以試試看。