JavaScript時間對象之常用方法的設置實例

更新時間：2023年05月22日 10:57:29 作者：陸榮濤

這篇文章主要為大家介紹了JavaScript時間對象常用方法的設置實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

時間對象常用方法—設置

設置年 setFullYear

作用：單獨設置時間對象內的年份信息

語法：時間對象.setFullYear(年份信息)

返回值：返回一個修改后的時間

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:24:27 GMT+0800 (中國標準時間)
time.setFullYear(2019)
console.log(time) //Mon Sep 30 2019 14:24:27 GMT+0800 (中國標準時間)

設置月 setMonth

作用：單獨設置時間對象內的月份信息

語法：時間對象.setMonth(月份信息)

返回值：返回一個修改后的時間

注意：0 表示 1 月份, 11 表示 12 月份

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setMonth(11)
console.log(time) //Thu Dec 30 2021 14:33:33 GMT+0800 (中國標準時間)

設置天 setDate

作用：單獨設置時間對象內的日期信息

語法：時間對象.setDate(日期信息)

返回值：返回一個修改后的時間

月份是1--31

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setDate(11)
console.log(time) //Sat Sep 11 2021 14:39:03 GMT+0800 (中國標準時間)

設置小時 setHours

作用：單獨設置時間對象內的小時信息

語法：時間對象.setHours(小時信息)

返回值：返回一個修改后的時間

時間是0~~23

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setHours(22)
console.log(time) //Thu Sep 30 2021 22:45:59 GMT+0800 (中國標準時間)

設置分鐘 setMinutes

作用：單獨設置時間對象內的分鐘信息

語法：時間對象.setMinutes(分鐘信息)

返回值：返回一個修改后的時間

時間是0~~59

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setMinutes(45)
console.log(time) //Thu Sep 30 2021 14:45:52 GMT+0800 (中國標準時間)

設置秒 setSeconds

作用：單獨設置時間對象內的秒鐘信息

語法：時間對象.setSeconds(秒鐘信息)

返回值：返回一個修改后的時間

時間是0~~59

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setSeconds(55)
console.log(time) //Thu Sep 30 2021 14:52:55 GMT+0800 (中國標準時間)

設置毫秒 setMilliseconds

作用：單獨設置時間對象內的毫秒信息

語法：時間對象.setMilliseconds(毫秒信息)

返回值：返回一個修改后的時間

時間是0~~999

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setMilliseconds(1000)
console.log(time.setMilliseconds(1000)) //1632985218000

設置時間戳 setTime

作用：用來這是時間戳

語法：時間對象.setTime(毫秒信息)

返回值：返回一個格林威治時間到設置時間的一個時間

var time = new Date()
console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標準時間)
time.setTime(1632985218000)
console.log(time) //Thu Sep 30 2021 15:00:18 GMT+0800 (中國標準時間)
time.setTime(2000)
console.log(time);//Thu Jan 01 1970 08:00:02 GMT+0800 (中國標準時間)

Date 內對象內的一些其他方法

時間對象的其它方法

toString() ：將Date轉換為一個'年月日時分秒'字符串

toLocaleString() ：將Date轉換為一個'年月日時分秒'的本地格式字符串

toDateString() ：將Date轉換為一個'年月日'字符串

toLocaleDateString() ：將Date轉換為一個'年月日'的本地格式字符串

toTimeString() ：將Date轉換為一個'時分秒'字符串

toLocaleTimeString() ：將Date轉換為一個'時分秒'的本地格式字符串

valueOf() ：與getTime()一樣，返回一個毫秒數從現(xiàn)在到格林威治時間的毫秒數

// 時間對象的其它方法
var time = new Date();
console.log(time); // Tue Feb 21 2023 15:10:38 GMT+0800 (中國標準時間)
console.log(time.()); // Tue Feb 21 2023 15:10:38 GMT+0800 (中國標準時間)
console.log(time.toLocaleString()); // 2023/2/21 15:10:38
console.log(time.toDateString()); // Tue Feb 21 2023
console.log(time.toLocaleDateString()); // 2023/2/21
console.log(time.toTimeString()); // 15:10:38 GMT+0800 (中國標準時間)
console.log(time.toLocaleTimeString()); // 15:10:38
console.log(time.valueOf()); // 1676963438332

靜態(tài)方法

Date.now() :返回一個毫秒數從現(xiàn)在到格林威治時間的毫秒數

Date.parse(dateStr) : 把字符串轉換為Date對象，然后返回此Date對象與格林威治時間的毫秒數

// 靜態(tài)方法
console.log(Date.now()) // 1676963759879
console.log(Date.parse('2023/2/20 12:00:00')); // 1676865600000
console.log(Date.parse('2023-2-20 12:00:00')); // 1676865600000

案例 - 封裝時間差函數

// 定一兩個時間
var time = new Date()
var time1 = new Date('2021-11-23 00: 00: 00')
// 既然要分裝成一個函數 就要先定義一個函數
function diffTime(time, time1) {
    // 定義一個空對象
    var obj = {}
    // 首先我們要拿到傳進來的兩個時間 但是我們不知道那個是大一點兒的時間 那個是小一點兒的時間
    var subMs = Math.abs(time - time1)
    // 這里我們先把毫秒轉成秒
    var sub = Math.ceil(subMs / 1000)
    // 計算我們有多少天 多少小時多少分鐘和多少秒
    var day = parseInt(sub / (24 * 60 * 60))
    var hours = parseInt(sub % (24 * 60 * 60) / (60 * 60))
    var minutes = parseInt(sub % (60 * 60) / 60)
    var seconds = sub % 60
    // 接下來就是把我們拿到的添加到對象里面
    obj.day = day
    obj.hours = hours
    obj.minutes = minutes
    obj.seconds = seconds
    // 最后我們要把這個空對象返回出去
    return obj
}
// 首次代碼優(yōu)化
var time1 = new Date()
var time2 = new Date('2021-12-12 00:00:00')
function diffTime(time1, time2) {
    var obj = {}
    var subMs = Math.abs(time1 - time2)
    var sub = Math.ceil(subMs / 1000)
    var day = parseInt(sub / (24 * 60 * 60))
    var hours = parseInt(sub % (24 * 60 * 60) / (60 * 60))
    var minutes = parseInt(sub % (60 * 60) / 60)
    var seconds = sub % 60
    obj.day = day
    obj.hours = hours
    obj.minutes = minutes
    obj.seconds = seconds
    return obj
}
// 使用
var res = diffTime(time, time1)
console.log(res);
// 再次代碼優(yōu)化
var time1 = new Date()
var time2 = new Date('2021-12-12 00:00:00')
function diffTime(time1, time2) {
    var sub = Math.ceil(Math.abs(time1 - time2) / 1000)
    return {
        day: parseInt(sub / (24 * 60 * 60)),
        hours: parseInt(sub % (24 * 60 * 60) / (60 * 60)),
        minutes: parseInt(sub % (60 * 60) / 60),
        seconds: sub % 60
    }
}
// 使用
var res = diffTime(time1, time2)
console.log(res);
// 代碼優(yōu)化
function diffTime(time, time1) {
    var sub = Math.ceil(Math.abs(time - time1) / 1000)
    return obj = {
        day: parseInt(sub / (24 * 60 * 60)),
        hours: parseInt(sub % (24 * 60 * 60) / (60 * 60)),
        minutes: parseInt(sub % (60 * 60) / 60),
        seconds: sub % 60
    }
}
var res = diffTime(time, time1)
console.log(res);

以上就是JavaScript時間對象之常用方法的設置實例的詳細內容，更多關于JavaScript時間對象設置的資料請關注腳本之家其它相關文章！

您可能感興趣的文章:

基于JavaScript實現(xiàn)文件秒傳功能
在互聯(lián)網高速發(fā)展的今天，文件上傳已經成為網頁應用中的一個基本功能，隨著用戶上傳文件尺寸的不斷增大、對質量清晰度的要求也越來越高，所以本文給大家介紹了如何使用JavaScript實現(xiàn)文件秒傳功能,需要的朋友可以參考下
2024-01-01
Bootstrap學習筆記之環(huán)境配置(1)
這篇文章主要為大家詳細介紹了Bootstrap學習筆記之環(huán)境配置的具體操作方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
echarts學習之如何給餅圖中間添加文字
這篇文章主要介紹了echarts學習之如何給餅圖中間添加文字問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-03-03
js中async/await與Promise的區(qū)別
在JavaScript開發(fā)中,異步編程是一個無法避免的話題,本文主要介紹了js中async/await與Promise的區(qū)別,具有一定的參考價值,感興趣的可以了解一下
2024-04-04
javascript 常見的閉包問題的解決辦法
javascript 常見的閉包問題的解決辦法,需要的朋友可以參考下。
2009-11-11
詳解JavaScript 新語法之Class 的私有屬性與私有方法
這篇文章主要介紹了JavaScript 新語法之Class 的私有屬性與私有方法 ,本文通過實例代碼相結合的形式給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-04-04
JavaScript實現(xiàn)簡單生成隨機顏色的方法
這篇文章主要介紹了JavaScript實現(xiàn)簡單生成隨機顏色的方法,涉及javascript隨機數與字符串運算及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下
2017-09-09
JavaScript 創(chuàng)建隨機數和隨機圖片
關于javascript隨機數的，很早以前的文章了，不過內容還是不錯的，如果想要更多的效果，可以去腳本之家搜下。
2009-12-12
淺析JavaScript如何將一個帶K-V特征的JSON數組轉換為JSON對象
數據處理過程中,要將一個包含 key 和 value 屬性的 JSON 數組整合成一個 JSON 對象,JavaScript中一般有三種實現(xiàn)方法,下面小編就為大家簡單介紹一下吧
2025-11-11
一文詳解如何跳出map或者foreach循環(huán)
javascript中的遍歷方法有很多,今天主要總結一下這些遍歷方法如何跳出循環(huán),這篇文章主要給大家介紹了關于如何跳出map或者foreach循環(huán)的相關資料,需要的朋友可以參考下
2023-11-11