Javascript日期時間函數(shù)的使用方法舉例
1.什么是時間函數(shù)?
JavaScript 時間函數(shù)是一種內(nèi)置函數(shù),用于操作 JavaScript 代碼中的時間和日期。它們允許您獲取當(dāng)前日期和時間或計算日期和時間之間的差異。
2.常用的時間函數(shù)有哪些?
函數(shù) | 說明 |
---|---|
Date() | 創(chuàng)建一個表示當(dāng)前日期和時間的 Date 對象??梢酝ㄟ^傳遞參數(shù)來指定特定的日期和時間。 |
getTime() | 返回一個日期對象的時間戳,表示從 1970 年 1 月 1 日午夜(UTC 時間)至今所經(jīng)過的毫秒數(shù)。 |
getFullYear() | 返回一個日期對象的年份。 |
getMonth() | 返回一個日期對象的月份(0-11)。 |
getDate() | 返回一個日期對象的月份中的日期(1-31)。 |
getDay() | 返回一個日期對象的星期幾(0-6,其中 0 表示星期日)。 |
getHours() | 返回一個日期對象的小時數(shù)(0-23)。 |
getMinutes() | 返回一個日期對象的分鐘數(shù)(0-59)。 |
getSeconds() | 返回一個日期對象的秒數(shù)(0-59)。 |
setFullYear() | 設(shè)置一個日期對象的年份。 |
setMonth() | 設(shè)置一個日期對象的月份。 |
setDate() | 設(shè)置一個日期對象的日期。 |
setHours() | 設(shè)置一個日期對象的小時數(shù)。 |
setMinutes() | 設(shè)置一個日期對象的分鐘數(shù)。 |
setSeconds() | 設(shè)置一個日期對象的秒數(shù)。 |
這些時間函數(shù)可以幫助我們在 JavaScript 中進行日期和時間的處理和操作。
3.怎樣來定義一個時間函數(shù)?
1.獲取當(dāng)前時間:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../JQ/jquery-1.12.4.js"></script> <script> const now = new Date(); console.log(now); // 輸出當(dāng)前日期和時間 </script> </head> <body> </body> </html>
輸出結(jié)果:
2.獲取特定時間的年、月、日、小時、分鐘和秒:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../JQ/jquery-1.12.4.js"></script> <script> const date = new Date(); const year = date.getFullYear(); // 獲取年份 const month = date.getMonth() + 1; // 獲取月份(注意JavaScript中月份是從0開始的) const day = date.getDate(); // 獲取日期(即天) const hour = date.getHours(); // 獲取小時 const minute = date.getMinutes(); // 獲取分鐘 const second = date.getSeconds(); // 獲取秒 console.log(year, month, day, hour, minute, second); </script> </head> <body> </body> </html>
輸出結(jié)果:
3.格式化時間為特定的字符串:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../JQ/jquery-1.12.4.js"></script> <script> const date = new Date(); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = date.getHours(); const minute = date.getMinutes(); const second = date.getSeconds(); const formattedTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`; console.log(formattedTime); </script> </head> <body> </body> </html>
輸出結(jié)果:
4.比較日期和時間:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../JQ/jquery-1.12.4.js"></script> <script> var date1 = new Date(2022, 1, 1); var date2 = new Date(2023, 1, 1); if (date1 < date2) { console.log("date1 is before date2"); } else if (date1 > date2) { console.log("date1 is after date2"); } else { console.log("date1 is equal to date2"); } </script> </head> <body> </body> </html>
輸出結(jié)果:
5.計算日期和時間差:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../JQ/jquery-1.12.4.js"></script> <script> var date1 = new Date(2022, 1, 1); var date2 = new Date(2023, 1, 1); var timeDiff = Math.abs(date2.getTime() - date1.getTime()); var daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24)); document.write("daysDiff:"+daysDiff+"\n\n\n") var hoursDiff = Math.floor(timeDiff / (1000 * 3600)); document.write("hoursDiff:"+hoursDiff+"\n\n\n") var minutesDiff = Math.floor(timeDiff / (1000 * 60)); document.write("minutesDiff:"+minutesDiff+"\n\n\n") var secondsDiff = Math.floor(timeDiff / 1000); document.write("secondsDiff:"+secondsDiff+"\n\n\n") </script> </head> <body> </body> </html>
輸出結(jié)果:
以上是一些常用的日期和時間函數(shù)的使用總結(jié),它們可以幫助您處理和操作日期和時間數(shù)據(jù)。
4.時間函數(shù)可以用來做什么?
函數(shù) | 說明 |
---|---|
獲取當(dāng)前時間 | 可以使用Date對象的方法來獲取當(dāng)前的日期和時間,例如:Date.now()、new Date()等。 |
格式化時間 | 可以將時間對象按照指定的格式轉(zhuǎn)換為字符串,例如:toLocaleDateString()、toLocaleTimeString()等。 |
計算時間差 | 可以用于計算兩個時間點之間的時間差,例如:getTime()方法可以獲取時間戳,從而可以計算兩個時間的差值。 |
設(shè)置定時器 | 可以使用setTimeout()和setInterval()方法來設(shè)置定時器,從而在指定時間間隔內(nèi)執(zhí)行指定的函數(shù)。 |
格式化和解析時間字符串 | 可以使用Date對象的parse()方法來解析時間字符串為時間對象,也可以使用toLocaleString()等方法將時間對象格式化為指定格式的字符串。 |
執(zhí)行定時任務(wù) | 可以使用setInterval()方法來執(zhí)行定時任務(wù),例如:定時發(fā)送心跳包、定時檢查接口狀態(tài)等。 |
轉(zhuǎn)換時區(qū) | 可以使用getTimezoneOffset()方法獲取本地時區(qū)與GMT時間的差值,從而進行時區(qū)的轉(zhuǎn)換。 |
這只是一些常見的用法,實際上,時間函數(shù)在JavaScript中的應(yīng)用非常廣泛,可以根據(jù)具體的需求來選擇適合的時間函數(shù)來處理時間相關(guān)的操作。
附常用的日期時間函數(shù):
1、獲取當(dāng)前日期和時間(Date):要獲取當(dāng)前日期和時間,可以使用JavaScript中的Date對象。Date對象是內(nèi)置的日期和時間函數(shù),可以獲取當(dāng)前的日期和時間。
以下是獲取當(dāng)前日期和時間的示例代碼:
var currentDate = new Date(); console.log(currentDate);
2、獲取當(dāng)前年份(getFullYear):可以使用 Date
對象的 getFullYear()
方法來獲取當(dāng)前的年份。以下是獲取當(dāng)前年份的示例代碼:
var currentDate = new Date(); var currentYear = currentDate.getFullYear(); console.log(currentYear);
這段代碼中,我們首先創(chuàng)建了一個 Date
對象,然后使用 getFullYear()
方法獲取當(dāng)前的年份,最后將結(jié)果打印到控制臺。
3、獲取當(dāng)前月份(注意:月份是從0開始計數(shù)的):
var currentMonth = currentDate.getMonth(); console.log(currentMonth);
4、獲取當(dāng)前小時(getHours):
var currentHour = currentDate.getHours(); console.log(currentHour);
5、獲取當(dāng)前分鐘(getMinutes):
var currentMinute = currentDate.getMinutes(); console.log(currentMinute);
6、獲取當(dāng)前秒鐘(getSeconds):
var currentSecond = currentDate.getSeconds(); console.log(currentSecond);
7、格式化日期和時間(toLocaleString):
var formattedDate = currentDate.toLocaleString(); console.log(formattedDate);
總結(jié)
總的來說,sj時間函數(shù)提供了一系列用于處理、獲取和操作時間的功能,可以方便地進行時間的轉(zhuǎn)換、比較和計算。它在處理時間相關(guān)的任務(wù)中非常有用,可以提高開發(fā)效率。
到此這篇關(guān)于Javascript日期時間函數(shù)的使用方法的文章就介紹到這了,更多相關(guān)js日期時間函數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
bootstrap中使用google prettify讓代碼高亮的方法
使用google prettify 讓代碼高亮非常漂亮,接下來通過本文給大家介紹bootstrap中使用google prettify讓代碼高亮的方法,感興趣的朋友一起看看吧2016-10-10基于JavaScript實現(xiàn)新增內(nèi)容滾動播放效果附完整代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)新增內(nèi)容滾動播放效果,效果非常棒,實現(xiàn)代碼簡單易懂,需要的朋友可以參考下2017-08-08JS實現(xiàn)漂亮的窗口拖拽效果(可改變大小、最大化、最小化、關(guān)閉)
這篇文章主要介紹了JS實現(xiàn)漂亮的窗口拖拽效果,具有可改變大小、最大化、最小化、關(guān)閉等功能,以完整實例形式較為詳細的分析了JavaScript操作窗口的大小改變、還原及關(guān)閉等功能的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2015-10-10JS 使用for循環(huán)遍歷子節(jié)點查找元素
這篇文章主要介紹了JS 使用for循環(huán)配合數(shù)組遍歷子節(jié)點查找元素,經(jīng)測試,效果不錯,需要的朋友可以看看2014-09-09