自學 --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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...