1. 程式人生 > >大神講解:JavaScript時間物件Date!

大神講解: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’可以領取一套完整的學習視訊