日期对象Date
一 new Date() 获取当前时间
1、 new Date()
本地时间
var d = new Date();
alert(d);//Wed Aug 23 2017 21:36:24 GMT+0800 (中国标准时间)
2、 toUTCString()
当前 世界时
toUTCString() 根据
世界时
,把 Date 对象转换为字符串。
var d = new Date();
var utc = d.toUTCString()
alert( utc );//Wed, 23 Aug 2017 13:40:29 GMT
3、获取具体时间
方法 | 描述 |
---|---|
getFullYear() |
年 |
getMonth() |
月(0 ~ 11)。 |
getDate() |
天 (1 ~ 31)。 |
getDay() |
周几 (0 ~ 6),星期天为0 |
getHours() |
时 |
getMinutes() |
分 |
getSeconds() |
秒 |
getMilliseconds() |
毫秒 |
getTime() |
返回 1970 年 1 月 1 日至今的毫秒数 |
var d = new Date(),
YY = d.getFullYear(),
MM = d.getMonth(),
TT = d.getDate(),
DD = d.getDay(),
HH = d.getHours(),
Min = d.getMinutes(),
Sec = d.getSeconds(),
Mil = d.getMilliseconds()
alert(YY);//2017
二 日期格式化方法
1.date.
toLocaleString()
——————–按照本地时间输出
2.date.toLocaleDateString()
—————本地时间 年 月 日
3.date.toLocaleTimeString()
————–本地时间 时 分 秒
4.date.toTimeString()
————————本地 时 分 秒 时区
5.Date.UTC()
————————————世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数
var d = Date.UTC(year,month,day,hours,minutes,seconds,ms);
alert(d);
三 设置本地时间
1、new Date(
yy,mon,dd,hh,mm,ss,ms)
数字形式
new Date(
yy,mon,dd,hh,mm,ss,ms)
可以缺省,yy,mon为必须
1.new Date('2020/10/1')
2、new Date(
‘yy/mon/dd/hh/mm/ss/ms’)
字符串形式
1.new Date('2020/10/1')
3、new Date(
num )
毫秒数 到1970年的毫秒数
1.new Date('2020/10/1')
参数 | 描述 | |
---|---|---|
yy | 年 | (四位数) |
mon | 月份 | ( 0~11)) |
dd: | 天 | ( 1~31 ) |
hh | 时 | ( 0~23) |
mm | 分 | ( 0~59) |
ss | 秒 | ( 0~59) |
ms | 毫秒 | (0 ~ 999) |
1.var t = new Date(2017,10,15,2,30,05);
2.console.log(t);//Wed Nov 15 2017 02:30:05 GMT+0800 (中国标准时间)
3.
案例1:系统时间
案例2:倒计时
四 getTimezoneOffset
返回本地时间与格林尼治标准时间 (GMT) 的
分钟差
1.var d = new Date();
2.
3.//拿到毫秒数
4.var len = d.getTime();
5.
6.//本地时间与GMT时间的时间差
7.var offset = d.getTimezoneOffset()*60*1000;
8.
9.//得到现在的格林尼治
10.var utcTime = len + offset;
11.
12.//num时区 得到不同时区的时间
13.var data = new Date(utcTime+60*60*1000*num);
案例3:世界时间
最后,如果有想一起学习web前端,HTML5及JavaScript的可以来一下我的前端群733581373,好友都会在里面交流,分享一些学习的方法和需要注意的小细节,每天也会准时的讲一些前端的炫酷特效,及前端直播课程学习
如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端技术圈’或者‘webxh6’关注后回复‘2018’可以领取一套完整的学习视频