JavaScript之時間對象Date

来源:https://www.cnblogs.com/ruhaoren/archive/2019/08/12/11341511.html
-Advertisement-
Play Games

寫在前面:時間是物理學七大常量之一。生活中記錄時間有兩種方式(或者說有兩種計時系統):GMT(格林尼治時間)和UTC(協調世界時間)。 一 創建Date對象 JS中的Date對象只能通過new關鍵字創建。 var now = new Date(); 需要註意的是:若將Date()作為常規函數調用(即 ...


時間是物理學七大常量之一。生活中記錄時間有兩種方式(或者說有兩種計時系統):GMT(格林尼治時間)和UTC(協調世界時間)。

 

 

一   創建Date對象

  JS中的Date對象只能通過new關鍵字創建。

  var now = new Date();

  需要註意的是:若將Date()作為常規函數調用(即不加 new 操作符),則只會返回一個表示當地時間的字元串(UTC還是GMT?取決於瀏覽器的實現。),而非 Date 對象。

  另外,不像其他的 JavaScript 對象,Date 對象沒有字面量語法。

 

  創建時間對象時可以傳遞參數:

  1、 不使用參數

1 var now = new Date();//"Mon Aug 12 2019 16:00:16 GMT+0800 (中國標準時間)"

  2、 參數是一個表示時間的字元串

1 var now = new Date(“2019-08-12”);
2 //Thu Aug 12 2019 00:00:00 GMT+0800 (中國標準時間)
3 var now1 = new Date(“2019/08/12”);
4 //Thu Aug 12 2019 00:00:00 GMT+0800 (中國標準時間)

  3、 參數是年/月/日/時/分/秒/毫秒

  規則如下:

    a:年是必須的,月是從0開始,日是從1開始。

    b:如果月份超過11,則年份自動增加。

    c:如果日超過當月應有天數,則月自動增加

    d:時分秒毫秒均是類似。

    e:如果參數有預設,則預設是0;

1 var  date = new Date(2019,08,12,0,0,0,0);
2 var date1 = new Date(2019,08,32);
3 console.log(date);//Thu Sep 12 2019 00:00:00 GMT+0800 (中國標準時間)
4 console.log(date1);//Wed Oct 02 2019 00:00:00 GMT+0800 (中國標準時間)

  4、 參數是一個數字

  返回一個1970-01-01 00:00:000至今的毫秒數。

var now = new Date(1565600413336);
console.log(now);//Mon Aug 12 2019 17:00:13 GMT+0800 (中國標準時間)

 

二   Date對象的方法

  1、  get類

 1   //獲取當前時間:
 2   var date = new date();//Mon Aug 12 2019 17:04:13 GMT+0800 (中國標準時間)
 3   //獲取年:
 4   date.getFullYear();//2019
 5   //獲取月: 
 6   date.getMonth();//07
 7   //獲取日: 
 8   date.getDate();//12
 9   //獲取時:
10   date.getHours();//15
11     //獲取分:
12    date.getMinutes();//4
13   //獲取秒:
14   date.getSeconds();//13
15   //獲取毫秒:
16   date.getMilliseconds()//445
17    //獲取1970-01-01 00:00:00至今的毫秒數:
35    date.getTime();//1565600713445

2、  set類

 1 //獲取當前時間:
 2 var date = new date();//Mon Aug 12 2019 17:04:13 GMT+0800 (中國標準時間)
 3 //設置年:
 4 date.setFullYear(2018);
 5 date.getFullYear();//2018
 6 //設置月: 
 7 date.setMonth(6);
 8 date.getMonth();//6
 9 //設置日: 
10 date.setDate(16);
11 //設置時:
12 date.setHours(14);
13 //設置分:
14 date.setMinutes(03);
15 //設置秒:
16 date.setSeconds(12);
17 //設置毫秒:
18 date.setMilliseconds(0);

 

3、  獲取時間的字元串表示

1 var date = new Date();//Mon Aug 12 2019 17:22:55 GMT+0800 (中國標準時間)
2 date.toString();//"Mon Aug 12 2019 17:22:55 GMT+0800 (中國標準時間)"
3 date.toLocaleString();//"2019/8/12 下午5:22:55"
4 date.toDateString();//"Mon Aug 12 2019"
5 date.toLocaleDateString();//"2019/8/12"
6 date.toTimeString();//"17:22:55 GMT+0800 (中國標準時間)"
7 date.toLocaleTimeString();//"下午5:22:55"

 

三   時間對象之間的計算

         兩個時間對象相減,得到的是他們相差的毫秒數。

1 var date = new Date();
2 var newDate;
3 setTimeout(function(){
4     newDate = new Date();
5     diff = newDate - date;
6     console.log(diff);//5000
7 },5000);//5s之後給newDate設置時間對象

  由於一些我們不可控原因,最終列印的值可能會在5000左右偏差,但不會太大。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 剛接觸了一點jquery入門!!明天補充!! ...
  • 摘要: 面試常問的知識點啊... 原文: "常見數據結構和Javascript實現總結" 作者:MudOnTire "Fundebug" 經授權轉載,版權歸原作者所有。 做前端的同學不少都是自學成才或者半路出家,電腦基礎的知識比較薄弱,尤其是數據結構和演算法這塊,所以今天整理了一下常見的數據結構和對 ...
  • 08.12自我總結 樣式模板快捷鍵設置 一.Bootstrap 樣式載入 目前3+版本比較穩定,4+有些樣式可能沒法顏色 點擊 ,選擇樣式 複製粘貼即可 註意 :可選的 Bootstrap 主題文件一般不導入 導入後更具提示選擇對應的class改變他的類,如果他每提示比如圖標你可以F12裡面看圖標的 ...
  • 一、JS變數的聲明、數據類型和變數的轉換 1.js變數聲明關鍵字:var 註意:a:js變數區分大小寫; b:js中字元串可使用雙引號,也可使用單引號; c:js中可聲明同名變數,控制台不會報錯,但後面變數會覆蓋前面的。 2.數據類型分類 a:number(數字類型) b:string(字元串類型) ...
  • vue中的事件修飾符(.stop、.prevent、.self、.capture、.once) (1)實例代碼 (2)摘要 使用.stop阻止事件的冒泡行為。 使用.prevent阻止事件的預設行為。 使用.self實現只有點擊當前元素才會觸發事件處理函數。 使用.capture實現捕獲觸發事件的機 ...
  • JavaScript輪播圖的實現 HTML部分: CSS部分 JavaScript部分 ...
  • var arr = ["北京","上海","天津","重慶","河北","河南","安徽","湖北","湖南"]; $.each(arr, function(i, val) { console.log(i+"-- --"+val); }); var obj= {name:"小明",male:"男"} ...
  • 一. javascript三種引入方式 head 頭部引入<script type="text/javascript"></script> 行內引入<p ....="javascript"></p> 例如 <a href="javascript:confim('。。。。。。。');"></a> <p ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...