大神讲解:JavaScript时间对象Date!

日期对象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’可以领取一套完整的学习视频

猜你喜欢

转载自blog.csdn.net/qq_40433465/article/details/84137770