JavaScript時間對象之常用方法的設(shè)置實例
時間對象常用方法—設(shè)置
設(shè)置年 setFullYear
作用:單獨設(shè)置時間對象內(nèi)的年份信息
語法:時間對象.setFullYear(年份信息)
返回值:返回一個修改后的時間
var time = new Date() console.log(time) //Thu Sep 30 2021 14:24:27 GMT+0800 (中國標(biāo)準時間) time.setFullYear(2019) console.log(time) //Mon Sep 30 2019 14:24:27 GMT+0800 (中國標(biāo)準時間)
設(shè)置月 setMonth
作用:單獨設(shè)置時間對象內(nèi)的月份信息
語法:時間對象.setMonth(月份信息)
返回值:返回一個修改后的時間
注意:0 表示 1 月份, 11 表示 12 月份
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setMonth(11) console.log(time) //Thu Dec 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間)
設(shè)置天 setDate
作用:單獨設(shè)置時間對象內(nèi)的日期信息
語法:時間對象.setDate(日期信息)
返回值:返回一個修改后的時間
月份是1--31
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setDate(11) console.log(time) //Sat Sep 11 2021 14:39:03 GMT+0800 (中國標(biāo)準時間)
設(shè)置小時 setHours
作用:單獨設(shè)置時間對象內(nèi)的小時信息
語法:時間對象.setHours(小時信息)
返回值:返回一個修改后的時間
時間是0~~23
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setHours(22) console.log(time) //Thu Sep 30 2021 22:45:59 GMT+0800 (中國標(biāo)準時間)
設(shè)置分鐘 setMinutes
作用:單獨設(shè)置時間對象內(nèi)的分鐘信息
語法:時間對象.setMinutes(分鐘信息)
返回值:返回一個修改后的時間
時間是0~~59
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setMinutes(45) console.log(time) //Thu Sep 30 2021 14:45:52 GMT+0800 (中國標(biāo)準時間)
設(shè)置秒 setSeconds
作用:單獨設(shè)置時間對象內(nèi)的秒鐘信息
語法:時間對象.setSeconds(秒鐘信息)
返回值:返回一個修改后的時間
時間是0~~59
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setSeconds(55) console.log(time) //Thu Sep 30 2021 14:52:55 GMT+0800 (中國標(biāo)準時間)
設(shè)置毫秒 setMilliseconds
作用:單獨設(shè)置時間對象內(nèi)的毫秒信息
語法:時間對象.setMilliseconds(毫秒信息)
返回值:返回一個修改后的時間
時間是0~~999
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setMilliseconds(1000) console.log(time.setMilliseconds(1000)) //1632985218000
設(shè)置時間戳 setTime
作用:用來這是時間戳
語法:時間對象.setTime(毫秒信息)
返回值:返回一個格林威治時間到設(shè)置時間的一個時間
var time = new Date() console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中國標(biāo)準時間) time.setTime(1632985218000) console.log(time) //Thu Sep 30 2021 15:00:18 GMT+0800 (中國標(biāo)準時間) time.setTime(2000) console.log(time);//Thu Jan 01 1970 08:00:02 GMT+0800 (中國標(biāo)準時間)
Date 內(nèi)對象內(nèi)的一些其他方法
時間對象的其它方法
toString() :將Date轉(zhuǎn)換為一個'年月日 時分秒'字符串
toLocaleString() :將Date轉(zhuǎn)換為一個'年月日 時分秒'的本地格式字符串
toDateString() :將Date轉(zhuǎn)換為一個'年月日'字符串
toLocaleDateString() :將Date轉(zhuǎn)換為一個'年月日'的本地格式字符串
toTimeString() :將Date轉(zhuǎn)換為一個'時分秒'字符串
toLocaleTimeString() :將Date轉(zhuǎn)換為一個'時分秒'的本地格式字符串
valueOf() :與getTime()一樣, 返回一個毫秒數(shù)從現(xiàn)在到格林威治時間的毫秒數(shù)
// 時間對象的其它方法 var time = new Date(); console.log(time); // Tue Feb 21 2023 15:10:38 GMT+0800 (中國標(biāo)準時間) console.log(time.()); // Tue Feb 21 2023 15:10:38 GMT+0800 (中國標(biāo)準時間) 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 (中國標(biāo)準時間) console.log(time.toLocaleTimeString()); // 15:10:38 console.log(time.valueOf()); // 1676963438332
靜態(tài)方法
Date.now() :返回一個毫秒數(shù)從現(xiàn)在到格林威治時間的毫秒數(shù)
Date.parse(dateStr) : 把字符串轉(zhuǎn)換為Date對象 ,然后返回此Date對象與格林威治時間的毫秒數(shù)
// 靜態(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
案例 - 封裝時間差函數(shù)
// 定一兩個時間 var time = new Date() var time1 = new Date('2021-11-23 00: 00: 00') // 既然要分裝成一個函數(shù) 就要先定義一個函數(shù) function diffTime(time, time1) { // 定義一個空對象 var obj = {} // 首先我們要拿到傳進來的兩個時間 但是我們不知道那個是大一點兒的時間 那個是小一點兒的時間 var subMs = Math.abs(time - time1) // 這里我們先把毫秒轉(zhuǎn)成秒 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時間對象之常用方法的設(shè)置實例的詳細內(nèi)容,更多關(guān)于JavaScript時間對象設(shè)置的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
JavaScript高級程序設(shè)計 客戶端存儲學(xué)習(xí)筆記
JavaScript高級程序設(shè)計 客戶端存儲學(xué)習(xí)筆記,在客戶端用于存儲會話信息2011-09-09Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法
這篇文章主要為大家詳細介紹了Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法,感興趣的小伙伴們可以參考一下2016-05-05JavaScript超詳細實現(xiàn)網(wǎng)頁輪播圖
這篇文章主要介紹了JavaScript超詳細實現(xiàn)網(wǎng)頁輪播圖,我們經(jīng)常會看到各種輪播圖的效果,它們到底是怎樣實現(xiàn)的呢?今天我們就一起來看一下具體實現(xiàn)方法吧2021-12-12JS中DOM元素的attribute與property屬性示例詳解
這篇文章主要給大家介紹了關(guān)于JS中DOM元素的attribute與property屬性的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起看看吧2018-09-09javascript實現(xiàn)點擊按鈕讓DIV層彈性移動的方法
這篇文章主要介紹了javascript實現(xiàn)點擊按鈕讓DIV層彈性移動的方法,實例分析了javascript操作div層的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02