JS Date对象的创建是怎样,有哪些方法
Admin 2022-08-23 群英技术资讯 307 次浏览
日期和时间是编程过程中不可绕过的必修课,好在JavaScript
为我们准备好了一个内建的对象Date(日期)。通过该对象,我们可以创建、存储、修改、测量时间、打印等基础操作,是每个JavaScript
程序员的必修课之一。
和普通的对象一样,我们可以使用new Date()
来创建一个Date
对象,还可以在创建的时候传入一些初始化参数。
不带参数的创建案例:
let now = new Date()console.log(now)
代码执行结果如下:
这样就简单的输出了代码执行时的具体时间,这里显示的就是2022年6月22日 19点25份24秒
。
创建一个带有毫秒参数的日期对象,其中milliseconds
指的是自1970年1月1日UTC+0之后的毫秒数(1毫秒=1/1000秒)。
//创建一个时间,举例1970.1.1时间点0毫秒 let jan01_1970 = new Date(0) console.log(jan01_1970) //创建一个时间,比1970年1.1时间点晚3天(3天*24小时*3600秒*1000毫秒) let jan04_1970 = new Date(3 * 24 * 3600 * 1000) console.log(jan04_1970)
代码执行结果:
milliseconds
就是从1970年1月1日 00:00:00以来,经过的毫秒数,或者称之为时间戳。
时间戳是一种简单的日期数字化表示方式,我们通常使用new Date(milliseconds)
创建一个日期。如果我们已经有了一个日期Date
对象,可以使用date.getTime()
获得日期对应的时间戳。
注意:
中国处于动8区,所以上例中的时间都不是00:00:00,而是08:00:00
时间戳不仅仅是整数,也可以是负数,例如:
//1969-12-31 00:00:00let dec31_1969 = new Date(-24 * 3600 * 1000)console.log(dec31_1969)
代码执行结果:
如果每次创建时间都是用时间戳,可能并不方便,因为时间戳计算还是有点难度的。
我们还可以使用时间字符串创建一个时间,举个例子:
let date = new Date('2022-06-22 00:00:00')console.log(date)
代码执行结果:
year
——必须是四位的数字;month
——[0,11]
,0
表示一月;1
;hours/minutes/sec/ms
——默认为0;举个栗子:
let date = new Date(2022,6,22,20,35,33)console.log(date)
代码执行结果:
我们还可以指定毫秒数:
let date = new Date(2022,6,22,20,35,33,777)console.log(date)
如果我们有一个Date
对象,我们可以通过Date
对象的内置方法,获取时间的一部分,例如年份、月份、日期等。
例如我们有日期date
:
let date = new Date(2022,5,22,20,35,33)
getFullYear()
获取年份,date.getFullYear()
返回2022
;getMonth()
获取月份,date.getMonth()
返回5
,也就是6
月;getDate()
获取当月的日期,date.getDate()
返回22
;getDay()
获取当前时间在一周的哪一天,date.getDay()
返回3
;注意:
- 以上日期都是已于当地日期的,比如我这里是中国的时区
- 获取年份一定要用
getFullYear
,getYear
会返回两位数的年份
我们也可以获得0
时区的时间,也就是UTC
时间,分别对应getUTCFullYear()
、getUTCMonth()
,getUTCDay
等。只需要在get
后插入UTC
即可。
举个例子:
let date = new Date(2022,5,22,20,35,33)console.log(date.getHours(),date.getUTCHours())
代码执行结果:
夜里也可以看出,中国时区和0
时区相差8
小时。
getTime()
返回日期的时间戳,方法没有UTC
模式;getTimezoneOffset()
返回本地时区和0
时区相差的时间,以分钟为单位,并且没有UTC
模式;我们还可以通过Date
对象的方法设置日期中的某一部分:
setFullYear(year, [month], [date])
设置年份(月份、日)setMonth(month, [date])
设置月份(日)setDate(date)
设置日期(月份的第几天)setHours(hour, [min], [sec], [ms])
设置小时(分、秒、毫秒)setMinutes(min, [sec], [ms])
设置分钟(秒、毫秒)setSeconds(sec, [ms])
设置秒(毫秒)setMilliseconds(ms)
设置毫秒setTime(milliseconds)
(使用自 1970-01-01 00:00:00 UTC+0
以来的毫秒数来设置整个日期)以上函数中只有setTime()
没有UTC
变体。
JavaScript
的Date
具备自动校准功能,这为我们针对时间的计算提供了极大的方便。
例如:
let date = new Date(2022,5,38)//注意这里的38console.log(date)
代码的执行结果:
从执行结果我们可以看出"2022年6月38号"并没有使程序出现错误,而是将日期转成了”2022年7月8号“。
以上案例验证了,在JavaScript
中,超出范围的日期会被Date
对象自动分配。这样我们就可以非常方便的使用Date
对象进行日期的计算。
例如,我们可以在日期上对年、月、日进行加减法运算:
let date = new Date(2022,5,23)//当前时间是2022-6-23date.setDate(date.getDate() + 8)//计算八天后的时间console.log(date)
代码执行结果:
同样的,我们也可以使用date.setSeconds()
方法已秒为单位计算日期。
日期Date
转为数字的结果和使用date.getTime()
的返回值相同,都是毫秒为单位的数值:
let date = new Date()console.log(+date)
代码执行结果:
既然时间的本质就是数字,我们也可以进行时间差计算,并且以ms
(毫秒)为单位。
例如:
let date1 = new Date(2022,5,23)let date2 = new Date(2022,5,24)console.log(`时间差为${date2-date1}ms`)
代码执行结果为:
如果我们希望获得当前时间,更优的做法是使用Date.now()
方法。这个方法会返回当前时间的时间戳,同时不需要创建额外的Date
对象,这对内存开销、垃圾回收都是有好处的,而且代码更简洁。
举个栗子:
let begin = Date.now()for(let i = 1;i<100000;i++){ let num = i * i * i;}let end = Date.now()console.log(`consume time ${end - begin}ms`)
代码执行结果:
Date.parse()
方法可以读取一个日期字符串,并转为时间戳,但是字符串必须遵守一定的规则:YYYY-MM-DDTHH:mm:ss.sssZ
。
YYYY-MM-DD
对应年-月-日
T
属于分隔符HH:mm:ss.sss
对应时:分:秒.毫秒
Z
可以是+-hh:mm
格式的时区。单个字符Z
表示UTC+0
字符串可以使用省略写法,例如:YYYY-MM-DD
、YYYY-MM
、YYYY
。
举个小李子:
let ms = Date.parse('2022-06-23T19:38:30.777+08:00')//时间戳let date = new Date(ms)console.log(date)
代码执行结果:
JavaScript
使用Date
对象处理时间:new Date()
;Date
具有很多实用的方法,我们可以获取时间中的某一段;Date
对象会自动校准,我们可以直接对日期进行加减法;Date.now()
可以高效的获取当前时间;免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
前些日子了解到mqtt这样一个协议,可以在web上达到即时通讯的效果,所以下面这篇文章主要给大家介绍了关于vue中如何利用mqtt服务端实现即时通讯的相关资料,需要的朋友可以参考下
目录一、安装axios二、配置axios,添加拦截器三、使用axios发送请求附:Vue3 中全局引入 axios总结axios中文网站:axios-http.com/zh/一、安装axiosnpm install axios --save二、配置axios,添加拦截器在src目录下新建一个request文件夹,在里面
在javascript中,可以利用setAttribute()方法来修改style属性,该方法可以为一个已存在的指定属性修改属性值,语法“元素对象.setAttribute("style","样式代码");”。
方法:1、声明一个验证数字的正则表达式,语法为“var a=/^[1-9][0-9]+$/gi;”;2、在if语句中利用test()方法来验证数字,语法为“if(a.test(指定内容)){是数字代码;}else{不是数字代码;}”。
在本篇文章里小编给大家整理了一篇关于vue中对虚拟dom的理解知识点总结内容,有兴趣的朋友们可以学习参考下。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008