自學 --day9---js中的數學操作和時間日期

来源:https://www.cnblogs.com/sml-ylz/archive/2023/11/30/17867197.html
-Advertisement-
Play Games

typora-copy-images-to: media 一、數學處理 1、Math常用API 圓周率 Math.PI // 3.1415926535 生成隨機數 Math.random() 生成的是0~1之間的隨機小數,通常在實際項目中需要獲取到一個範圍內的隨機整數,利用這個隨機小數封裝一個獲取範 ...


typora-copy-images-to: media

一、數學處理

1、Math常用API

  • 圓周率

    Math.PI // 3.1415926535
    
  • 生成隨機數

    Math.random()
    

    生成的是0~1之間的隨機小數,通常在實際項目中需要獲取到一個範圍內的隨機整數,利用這個隨機小數封裝一個獲取範圍內的隨機整數的函數:

    function getRandom(a,b){
    	var max = a;
        var min = b;
        if(a<b){
        	max = b;
            min = a;
        }
        return parseInt(Math.random() * (max - min)) + min
    }
    
  • 向上取整

    向上取整的含義是一個數字的小數部分不夠1,將他處理成1。例如:10條數據每頁展示3條,前3頁都能放3條數據,但是第4頁只能放1條數據,雖然占不滿1頁,但也要占1頁

    Math.ceil(3.3) // 4
    
  • 向下取整

    向下取整跟parseInt()是一個意思,只要整數部分,舍掉小數部分得到整數

    Math.floor(3.9) // 3
    
  • 四捨五入

    Math.round(3.3) // 3
    Math.round(3.9) // 4
    
  • 求次方

    Math.pow(2,3) // 2的3次方,參數1是底數,參數2是冪數
    
  • 開平方根

    Math.sqrt(9) // 3
    
  • 絕對值

    Math.abs(-6) // 6
    Math.abs(6) // 6
    
  • 最大值

    Math.max(9,5,1,3,4,8,2,6) // 9
    
  • 最小值

    Math.min(9,5,1,3,4,8,2,6) // 1
    

2、進位的轉換

10進位轉其他進位:10進位數字.toString(進位數)

var x = 110;
x.toString(2) // 轉為2進位
x.toString(8) // 轉為8進位
x.toString(16) // 轉為16進位

其他進位轉10進位:parseInt(數據,進位數)

var x = "110" // 這是一個二進位的字元串表示
parseInt(x, 2) // 把這個字元串當做二進位, 轉為十進位

var x = "70" // 這是一個八進位的字元串表示
parseInt(x, 8) // 把這個字元串當做八進位, 轉為十進位

var x = "ff" // 這是一個十六進位的字元串表示
parseInt(x, 16) // 把這個字元串當做十六進位, 轉為十進位

二、時間日期處理

js提供了一個構造函數Date,用來創建時間日期對象。所以跟時間日期有關的操作都是通過時間日期對象來操作的。

1、時間日期對象創建

當前時間的時間日期對象

var date = new Date()
console.log(date) // Tue Jul 30 2019 21:26:56 GMT+0800 (中國標準時間)

創建好的是一個對象,但是當輸出的時候被瀏覽器自動轉為字元串輸出了。獲取到的是當前本地的時間日期對象。如果把本地的時間日期改掉,獲取到的時間日期對象會隨著本地時間變化。

指定的時間日期對象

var date = new Date("年-月-日 時:分:秒") // 也可以是英文版的時間字元串 - Sun May 13,2016
var date = new Date(年,月-1,日,時,分,秒)
var date = new Date(時間戳)

2、獲取具體的時間日期

通過時間日期對象可以獲取到具體的年月日時分秒,甚至毫秒和時間戳。

date.getFullYear(); // 獲取到完整的時間日期對象中的年份
date.getMonth(); // 獲取到時間日期對象中的月份 - 這裡的月份是通過0~11來描述1~12月的
date.getDate(); // 獲取到時間日期對象中的日
date.getDay(); // 獲取時間日期對象中的星期幾
date.getHours(); // 獲取到時間日期對象中的時
date.getMinutes(); // 獲取到時間日期對象中分
date.getSeconds(); // 獲取到時間日期對象中的秒
date.getMilliseconds(); // 獲取到時間日期對象中的毫秒 - 1秒=1000毫秒
date.getTime(); // 獲取到時間日期對象對應的時間戳

時間戳,指的是,格林尼治時間1970年1月1日0點0分0秒到現在走過的毫秒數。利用時間戳可以方便計算時間,例如:計算100天以前是幾月幾號。

將年月日時分秒放在頁面中顯示:

var date = new Date();
var year = date.getFullYear(); 
var month = date.getMonth()+1;
var d = date.getDate();
var day = date.getDay();
var hour = date.getHours(); 
var minute = date.getMinutes(); 
var second = date.getSeconds(); 
document.write("現在是北京時間:"+year+"年"+month+"月"+d+"日。星期"+day+"。"+hour+"時"+minute+"分"+second+"秒");

2、設置時間日期

通過時間日期對象,可以將其中的年月日時分秒進行設置,改變時間日期對象的時間。

date.setFullYear(年份); // 設置時間日期對象中的年份
date.setMonth(當前月份-1); // 設置時間日期對象中的月份 - 這裡的月份是通過0~11來描述1~12月的
date.setDate(日); // 設置時間日期對象中的日
date.setHours(時); // 設置時間日期對象中的時
date.setMinutes(分); // 設置時間日期對象中分
date.setSeconds(秒); // 設置時間日期對象中的秒
date.setMilliseconds(毫秒); // 設置時間日期對象中的毫秒
date.setTime(時間戳); // 設置時間日期對象對應的時間戳 - 直接用時間戳就能將時間日期對象中的年月日時分秒全部改變

星期幾是不能設置的,是根據年月日生成的。

3、日期格式化

date.toLocalString();//本地風格的日期格式
date.toLocaleDateString(); // 獲取日期
date.toLocaleTimeString(); // 獲取時間

4、時間戳的獲取

格林威治時間/格林尼治時間

Date.parse("2015-08-24") // 獲取1970年到設定時間的毫秒數
new Date().getTime()
+new Date();

案例:

兩個指定的日期相差多少天

var date1=new Date(2010,10,3);
var date2=new Date(2017,9,24);
var day=(date2.getTime()-date1.getTime())/(1000*60*60*24);/*不用考慮閏年否*/
console.log("相差"+day+"天");

100天以後是哪年哪月哪日

var date = +new Date()
date += 100 * 24 * 3600 * 1000
var newDate = new Date(date)
var year = newDate.getFullYear()
var month = newDate.getMonth() + 1;
var d = newDate.getDate()
console.log('100天以後是'+year+'年'+month+'月'+d+'日')

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

-Advertisement-
Play Games
更多相關文章
  • SQL SELECT INTO 語句 SELECT INTO 語句將數據從一個表複製到一個新表中。 SELECT INTO 語法 將所有列複製到新表中: SELECT * INTO newtable [IN externaldb] FROM oldtable WHERE condition; 只複製 ...
  • 本文分享自華為雲社區《GaussDB(DWS)性能調優:常量標量子查詢做全連接導致整體慢》,作者: Zawami 。 問題描述 由於SQL中存在標量子查詢同另一查詢做笛卡爾積使SQL整體慢。標量子查詢,即結果集只有一行一列的子查詢。這裡導致的SQL語句執行慢不只是在於做笛卡爾積慢,也會使後續聚合更慢 ...
  • MySQL Shell如何接管手動搭建(含仲裁節點)MGR集群 本文源自GreatSQL社區用戶的一次提問: Q:一個包含仲裁節點(ARBITRATOR)的GreatSQL MGR集群,一開始是用手動方式構建,後來想用MySQL Shell接管,可以嗎? A:是可以的,不過也有一定局限性 具體的操作 ...
  • 優化器的作用是優化查詢語句的執行效率,它通過評估不同的執行計劃並選擇最優的執行計劃來實現這一目標。 CBO: 一種基於成本的優化器,它通過評估不同查詢執行計劃的成本來選擇最優的執行計劃。CBO會根據資料庫系統定義的統計信息以及其他因素,對不同的執行計划進行評估,並選擇成本最低的執行計劃。CBO的目標 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 前言 上家公司有個需求是批量導出學生的二維碼,我一想這簡單啊,不就是先批量獲取學生數據,然後根據QRcode生成二維碼,然後在用html2canvas導出成圖片嘛。 由於公司工具庫有現成的生成壓縮包方法,我只需要獲得對應的圖片blob就可 ...
  • 【whistle 官網】http://wproxy.org/whistle/install.html 【用途】 抓包、mock、修改返回數據、修改響應頭欄位、延遲模擬弱網等 代理轉發 - 需要配置代理轉發規則 把某環境僅前端資源的請求代理轉發到本地 把某個介面地址的請求代理轉發到指定的後端環境地址 ...
  • 對象類型通常使用interface聲明,可以設置屬性為可選的或者只讀的,可以設置索引簽名。從簡單類型生成複雜類型可以使用類型繼承或者交集類型。提高類型的泛用性可以使用泛型。 ...
  • TS中的函數需要聲明參數列表和返回值的類型,除此只要,還有關於泛型、可選參數、不定長參數列表、回調函數、this、重載的聲明規則。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...