13-第十三章 日期物件Date
JavaScript 日期處理類庫 http://momentjs.cn/
解決輪播圖點選太快的方法
設定一箇舊時間
點選的瞬間立馬拿到一個新的時間,新時間 - 舊時間 如果 小於 動畫的時間,那等二次點選不生效,再更新舊時間
// 舊的時間
let oldTime = new Date();
document.onclick = () => {
// 限制點選間隔時間,防止點選太快
if (new Date() - oldTime < 600) {
return;
}
oldTime = new Date();
}
倒數計時低於10顯示0(n)
const num = n => n < 10 ? '0' + n : n + "";
夏令時 開始 4月中旬第一個星期日,晚上2.00 - 3.00
結束 9月中旬 第一個星期日晚上 2.00
一、 new Date() 獲取當前時間
1、 new Date() 本地時間
裡面是字串時
2018-07-08T20:30:00
月份大於13 無效
裡面是數字時,月份要 - 1 月份大於13 自動進1new Data(2018, 6, 1, 21, 35, 00)
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() + 1
月(0 ~ 11)。getDate()
天 (1 ~ 31)。getDay()
周幾 (0 ~ 6),星期天為0getHours()
時getMinutes()
分getSeconds()
秒getMilliseconds()
毫秒getTime()
返回 1970 年 1 月 1 日至今的毫秒數
H5new Data.now()
返回 1970 年 1 月 1 日至今的毫秒數
new Date( Date.parse( new Date() ) );
字串格式通過 Date.parse() 變成數字,再通過 new Date() 轉化為一個物件new Date().getTimezoneOffset()
世界時 - 本地時間 = 相差的毫秒值(分鐘)new Date().getUTCHours()
拿到世界時這一刻的小時
var d = new Date(),
YY = d.getFullYear(),
MM = d.getMonth() + 1,
TT = d.getDate(),
DD = d.getDay(),
HH = d.getHours(),
Min = d.getMinutes(),
Sec = d.getSeconds(),
Mil = d.getMilliseconds()
alert(YY); //2017
二、 日期格式化方法
date. toLocaleString()
——————–按照本地時間輸出 Locale/ləʊ'kɑːl/
區域設定date.toLocaleDateString()
—————本地時間 年 月 日date.toLocaleTimeString()
————–本地時間 時 分 秒date.toTimeString()
————————本地 時 分 秒 時區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為必須new Date(2020,10,1)
2、
new Date(‘yy/mon/dd/hh/mm/ss/ms’)
字串形式new Date('2020/10/1')
3、
new Date(num )
毫秒數 到1970年的毫秒數(一個值是獲取到的是毫秒值)new Date('2020/10/1')
引數 描述
yy 年 (四位數)
mon 月份 ( 0~11))
dd: 天 ( 1~31 )
hh 時 ( 0~23)
mm 分 ( 0~59)
ss 秒 ( 0~59)
ms 毫秒 (0 ~ 999)
var t = new Date(2017,10,15,2,30,05);
console.log(t);//Wed Nov 15 2017 02:30:05 GMT+0800 (中國標準時間)
案例1:系統時間
案例2:倒數計時
四、 getTimezoneOffset
返回本地時間與格林尼治標準時間 (GMT) 的分鐘差
1.var d = new Date();
3.//拿到毫秒數
4.var len = d.getTime();
6.//本地時間與GMT時間的時間差
7.var offset = d.getTimezoneOffset()601000;
9.//得到現在的格林尼治
10.var utcTime = len + offset;
12.//num時區 得到不同時區的時間
13.var data = new Date(utcTime+60601000*num);
案例3:世界時間
相關文章
- JDBC中Date日期物件的處理JDBC物件
- js將時間日期字串轉換為時間日期Date物件JS字串物件
- 第十三章 物件的複製及儲存物件
- javascript如何將時間日期轉換為Date物件JavaScript物件
- js date物件的獲取時間日期常用方法JS物件
- js Date()建構函式建立時間日期物件JS函式物件
- 第十三章 Perl的物件導向程式設計物件程式設計
- date 物件物件
- java Date日期類和SimpleDateFormat日期類格式JavaORM
- javascript時間物件Date常用時間日期函式簡單分享JavaScript物件函式
- JavaScript Date 物件JavaScript物件
- js學習三-日期DateJS
- 什麼是Date物件一個內建物件Date:物件
- 第十三章 模組和包
- Date物件總結物件
- 第十三章:應用函子
- 第十三章 上傳檔案
- 第十三章 瀏覽器事件瀏覽器事件
- JavaScript內部物件和Date物件JavaScript物件
- js本地物件——Date()JS物件
- 第十三章 sqlplus命令(一)SQL
- 第十三章 sqlplus命令(二)SQL
- 【Hive】日期從整形轉為Date型別Hive型別
- Java 8 日期/時間(Date Time)API指南JavaAPI
- JavaScript 複習之 Date 物件JavaScript物件
- 第十三章 瀏覽器事件(bjsuo)瀏覽器事件JS
- SQL Server日期資料型別DATE的使用SQLServer資料型別
- Hive 減少日期的函式 date_sub()Hive函式
- LocalDateTime替代Date操作處理日期時間LDA
- 小陳學JS js內建物件 Date物件JS物件
- JS中的Math物件,陣列,和Date物件JS物件陣列
- [單刷APUE系列]第十三章——守護程式
- JS對日期、時間校驗;相容IE new Date()JS
- oracle procedure輸入引數為date日期小記Oracle
- (轉)修改oracle預設日期格式 nls_date_formatOracleORM
- 【Java】全域性日期處理,包含LocalDate, LocalDateTime, DateJavaLDA
- 第三章 內建物件物件
- js物件陣列Date的比較JS物件陣列