Javascript日期時(shí)間函數(shù)的使用方法舉例
更新時(shí)間：2024年02月27日 08:24:21 作者：小杰不會(huì)編程
在JavaScript中日期時(shí)間函數(shù)是一組用于操作和處理日期和時(shí)間的函數(shù),這些函數(shù)可以用于獲取當(dāng)前日期和時(shí)間、格式化日期和時(shí)間、計(jì)算日期和時(shí)間的差異、轉(zhuǎn)換日期和時(shí)間的格式等,這篇文章主要給大家介紹了關(guān)于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)文章
深入理解JavaScript系列（14） 作用域鏈介紹(Scope Chain)
在第12章關(guān)于變量對(duì)象的描述中，我們已經(jīng)知道一個(gè)執(zhí)行上下文 的數(shù)據(jù)（變量、函數(shù)聲明和函數(shù)的形參）作為屬性存儲(chǔ)在變量對(duì)象中2012-04-04
跟我學(xué)習(xí)javascript的浮點(diǎn)數(shù)精度
跟我學(xué)習(xí)javascript的浮點(diǎn)數(shù)精度，帶大家真正的理解JavaScript的浮點(diǎn)數(shù)，提醒大家當(dāng)心浮點(diǎn)運(yùn)算中的精度陷阱，需要的朋友可以參考下2015-11-11
JavaScript對(duì)象拷貝與賦值操作實(shí)例分析
這篇文章主要介紹了JavaScript對(duì)象拷貝與賦值操作,結(jié)合實(shí)例形式分析了javascript對(duì)象定義、拷貝、賦值等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
這篇文章主要介紹了JavaScript字符串截取的六種方法：傳統(tǒng)substring/substr/slice、正則match、split+解構(gòu)賦值及現(xiàn)代Intl.Segmenter,涵蓋基礎(chǔ)用法、高級(jí)技巧、多語(yǔ)言支持和性能優(yōu)化,幫助開(kāi)發(fā)者選擇合適方案處理不同場(chǎng)景的字符串分割需求,需要的朋友可以參考下2025-07-07
深入理解JavaScript和TypeScript中的class
class 聲明創(chuàng)建一個(gè)基于原型繼承的具有給定名稱的新類，下面這篇文章主要給大家介紹了關(guān)于JavaScript和TypeScript中class的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。2018-04-04
這篇文章主要給大家介紹了關(guān)于JS截取數(shù)組操作的相關(guān)資料,對(duì)數(shù)組的操作相信大家都不陌生,文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
OFFICE控件測(cè)試代碼，主要是控制office的一些功能，需要的朋友可以參考下。2009-12-12
如何在?xHTML?中驗(yàn)證?noscript+meta?refresh?標(biāo)簽
這篇文章主要介紹了如何在?xHTML?中驗(yàn)證?noscript+meta?refresh?標(biāo)簽,需要的朋友可以參考下2023-03-03
在WEB開(kāi)發(fā)中，許多開(kāi)發(fā)者都比較喜歡使用javascript來(lái)獲取當(dāng)前url網(wǎng)址，本文就此為大家總結(jié)一下比較常用獲取URL的javascript實(shí)現(xiàn)代碼2015-06-06
一文帶你快速學(xué)會(huì)JavaScript條件判斷及高級(jí)用法
JavaScript支持其用于執(zhí)行根據(jù)不同的條件不同的操作條件語(yǔ)句,下面這篇文章主要給大家介紹了關(guān)于如何在JavaScript中更好的使用條件判斷的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09