當前時間是在很多前端開發的項目中都需要用到的,而javascript中獲取當前時間就成為了我們解決這個問題的最好方法之一。通過javascript獲取當前的時間,可以讓我們在網頁中實現更加生動的效果,也可以為用戶提供更好的用戶體驗。
我們可以使用javascript中的Date對象來獲取當前時間,Date對象代表了日期時間的信息,我們可以通過這個對象獲得當前時間中的年份、月份、日期、小時、分鐘、秒以及毫秒等信息。比如,通過new Date()方法獲取當前時間:
var now = new Date();
可以得到如下結果:
Thu Mar 04 2021 14:27:54 GMT+0800 (中國標準時間)
排版工具的實時保存功能就需要用到獲取當前的時間來實現,下面我們就來看看怎么獲取當前日期的年、月、日信息。我們可以通過Date對象中的getFullYear()、getMonth()和getDate()方法來分別獲取當前時間中的年、月、日信息,比如:
var now = new Date(); var year = now.getFullYear(); //獲取當前日期的年份 var month = now.getMonth() + 1; //獲取當前日期的月份 var date = now.getDate(); //獲取當前日期的日
這樣可以得到如下結果:
2021 3 4
另外,如果要獲取當前的時間,我們還可以使用Date對象中的getHours()、getMinutes()和getSeconds()等方法來獲取當前時間的小時、分鐘和秒數,比如:
var now = new Date(); var hours = now.getHours(); //獲取當前時間的小時 var minutes = now.getMinutes(); //獲取當前時間的分鐘 var seconds = now.getSeconds(); //獲取當前時間的秒數
這樣可以得到如下結果:
14 30 22
如果我們需要將獲取到的時間進行格式化,可以使用字符串連接的方式來拼接字符串,比如:
var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var date = now.getDate(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var formattedTime = year + "-" + addZero(month) + "-" + addZero(date) + " " + addZero(hours) + ":" + addZero(minutes) + ":" + addZero(seconds); function addZero(num) { if (num >= 0 && num < 10) { return "0" + num; } return num; } console.log(formattedTime);
這樣可以得到如下結果:
2021-03-04 14:34:06
在實際項目中,我們可能還需要對日期時間進行一些運算,比如計算兩個時間之間的差值,javascript也提供了相應的方法,比如通過Date對象中的getTime()方法可以獲取時間戳,從而計算兩個時間之間的差值。比如:
var start = new Date("2021-03-04 14:17:00"); var end = new Date("2021-03-04 14:20:00"); var timeDiff = end.getTime() - start.getTime(); var secondsDiff = Math.floor(timeDiff / 1000); console.log(secondsDiff);
其中Math.floor()方法可以向下取整,這是因為timeDiff獲取到的是毫秒級別的時間差,需要將其轉化為秒。這樣可以得到如下結果:
180
因此,通過javascript獲取當前時間可以為我們提供很多方便,我們可以用它來實現很多有趣的功能,比如網站上的時鐘,或是顯示當前時間的狀態欄等等,希望大家在項目中能夠靈活運用到。