JavaScript日期操作方法詳解
日期操作在JavaScript開發中經常會遇到,尤其是對初學者來說,JavaScript的日期操作比較繁瑣,但是必須掌握常用的日期操作方法,本文就簡單介紹一下JavaScript操作日期型別的常用方法,希望能給你有所幫助。
獲取某個月份的天數
相信大家讀小學的時候就知道一年十二個月各有多少天了,這裡面有個特殊的存在——2月。閏年的2月有29天,非閏年的2月只有28天。估計不少人跟我一樣,已經不記得閏年的規則了,這時候,下面的這個方法就派上用場了。
var date = new Date(2013, 2, 0); date.getDate(); // 28 date = new Date(2012, 2, 0); date.getDate(); // 29
建立Date物件時可以傳入三個引數,分別是年、月(0~11,0表示一月)、日,如果日的引數為0,那建立出來的物件表示的就是上個月的最後一天,如此就可以知道上個月有多少天了。
同樣的,我們也可以通過這個方法判斷某年是否閏年:
function isLeapYear(year) { return new Date(year, 2, 0).getDate() === 29; } isLeapYear(2012); // true
獲取時區
日期型別的 getTimezoneOffset() 方法可以獲取格林威治時間和本地時間之間的時間差,以分鐘為單位。例如:
var date = new Date(); var timezoneOffset = date.getTimezoneOffset(); // 中國(東八區)為-480 -timezoneOffset / 60; // 8
把獲取到的時間差除以60,再取負值就是所在的時區了。
除此以外,還有一個方法。呼叫日期型別的 toString() 後,可以得到一段固定格式的日期字串:
new Date().toString(); // Sun Mar 10 2013 16:41:12 GMT+0800 (中國標準時間)
顯而易見,GMT後面的+800就是我們要的時區了,只要通過正規表示式匹配一下就可以拿到該值。
/GMT([+-]\d+)/.test( new Date().toString() ); var timezone = RegExp.$1; // +0800
不過此時的 timezone 變數是字串,如果要轉成數字型別,還要進行一些處理。
計算執行時間
如何測量某段程式的執行時間呢?方法很簡單,在執行前記錄一次時間,執行後用當前時間減去執行前的時間,就得到結果了:
var startTime = new Date(); // some program console.log(new Date() - startTime);
這裡無需手動把日期轉換為數字,因為進行減法運算的時候自然會強制轉換。這樣算出來的結果是毫秒級的,精度不是很夠,不過對瀏覽器端的Javascript來說,也沒必要糾結於1毫秒以內的消耗了。
刪除cookie
準確地說,我們沒法直接通過Javascript刪除cookie。要想把某個cookie從這個世界抹殺掉,唯一的辦法就是讓它過期,這樣瀏覽器的內建機制就會把它自動幹掉。
而要讓cookie過期,最直截了當的方法就是把它的過期時間設為最小值。Javascript裡面能表示的最小日期就是1970年1月1日0時0點0分,通過 new Date(0) 就可以建立出這樣一個日期物件:
var cookieName = 'name'; // cookie名 document.cookie = cookieName + '=' + '; expires=' + new Date(0).toUTCString();
相關文章
- JavaScript 檔案操作方法詳解JavaScript
- 【轉】javascript日期操作詳解(指令碼之家整理)JavaScript指令碼
- JavaScript this詳解JavaScript
- mysql中格式化日期詳解MySql
- 詳解JavaScript原型JavaScript原型
- JavaScript Promise 詳解JavaScriptPromise
- JavaScript之this詳解JavaScript
- JavaScript事件詳解JavaScript事件
- JavaScript原型詳解JavaScript原型
- JavaScript arguments物件詳解JavaScript物件
- JavaScript表格排序詳解JavaScript排序
- JavaScript小球碰壁詳解JavaScript
- JavaScript中的this詳解JavaScript
- JavaScript閉包詳解JavaScript
- 詳解 JavaScript 閉包JavaScript
- JavaScript arguments 物件詳解JavaScript物件
- 詳解 JavaScript 儲存JavaScript
- javascript操作iframe詳解JavaScript
- 詳解 JavaScript 的類JavaScript
- 詳解javascript的類JavaScript
- Javascript陣列詳解JavaScript陣列
- javascript 閉包詳解JavaScript
- JavaScript作用域詳解JavaScript
- JavaScript Source Map 詳解JavaScript
- 詳解JavaScript中的thisJavaScript
- 詳解怎麼更新win10系統操作方法Win10
- 玩轉 JavaScript 之詳解 thisJavaScript
- JavaScript 檔案物件詳解JavaScript物件
- JavaScript繼承詳解(二)JavaScript繼承
- JavaScript之原型深入詳解JavaScript原型
- JavaScript返回頂部詳解JavaScript
- JavaScript 打字機效果詳解JavaScript
- JavaScript抽獎效果詳解JavaScript
- JavaScript 秒錶效果詳解JavaScript
- Javascript—閉包詳解(3)JavaScript
- JavaScript中 Map 物件詳解JavaScript物件
- Javascript之字串拼接詳解JavaScript字串
- JavaScript 繼承方式詳解JavaScript繼承