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