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