关于Math和Date

最新推荐文章于 2024-08-04 16:33:59 发布
最新推荐文章于 2024-08-04 16:33:59 发布
阅读量442 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tcbly/article/details/121684618
版权

一.关于Math

序言：
用来处理数学问题不需要创建对象直接类型名.方法：Math.方法（）

1.随机数random
在这里插入图片描述
在这里插入图片描述

2.取整方法round，ceil，floor
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.绝对值abs

Math.abs（）是返回一个数的绝对值
在这里插入图片描述
4.最大值Max
在这里插入图片描述
在这里插入图片描述

5.最小值min

Math.min（）
得到的是你传入的几个数字之中最大的那个数字
console.log（Math.min（1.2.3.4））//1

6.Math的对象方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下面展示一些 内联代码片。

Math的对象部分示例


        var randNum = Math.random() //0-1之间随机数

        // console.log('randNum :',randNum)
        // console.log('randNum :' + randNum)
        // console.log(`randNum :${randNum}`)

        var num = 98.4
        console.log('parseInt(num) :', parseInt(num) ); //取整

        console.log( 'Math.ceil(num) : ', Math.ceil(num) );

        console.log( 'Math.floor(num) : ', Math.floor(num) );
         
        console.log( 'Math.round(num) : ', Math.round(num) );

        var num1 = -98
        console.log( 'Math.abs(num1) : ', Math.abs(num1) );

        console.log('Math.max() :', Math.max(89,79,99));

下面展示一些 内联代码片。

计数器对象


        function getRandomNum() {
            var numObj = {} //计数器对象
            for (var i = 0; i < 10000; i++) {
                var randNum = Math.floor(Math.random() * 10) // 0~10

                //判断计数器对象有没有此随机数，如果没有，放到对象中，值赋值给1,如果有, 值加一
                if (numObj[randNum]) {
                    //已经存在
                    numObj[randNum]++
                } else {
                    //不存在
                    numObj[randNum] = 1
                }
            }

            for(var key in numObj){
                console.log(`${key} : ${numObj[key]}`);
            }
        }

        getRandomNum()

下面展示一些 内联代码片。

工具函数


        // console.log( ' Math.random() * 10 + 10 ',  (Math.random() * 10 + 10));

        function getRandom(x, y) {
            var m = Math.min(x,y)
            var n = Math.max(x,y)
            return Math.floor(Math.random() * (n - m) + m)
        }

        var randomNum = getRandom(500, 100)
        console.log(randomNum);

二.数字转换进制

1.进制
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下面展示一些 内联代码片。

数字转换进制示例


        var num = 0xA
        var num1 = 010
        console.log(num, num1);

        // 十进制->其它进制
        var num2 = 100
        console.log( 'num2.toString(2)  :', num2.toString(2) );
        console.log( 'num2.toString(8)  :', num2.toString(8) );
        console.log( 'num2.toString(16)  :', num2.toString(16) );

        // 其它进制 -> 十进制
        var str = 100
        console.log('parseInt(str,2) ：', parseInt(str,2) );

2.示例随机颜色
在这里插入图片描述
在这里插入图片描述
下面展示一些 内联代码片。

随机颜色示例


        function getRandom(x, y) {
            var m = Math.min(x, y)
            var n = Math.max(x, y)
            return Math.floor(Math.random() * (n - m) + m)
        }

        function setBakctroundColor() {
            var r = getRandom(0, 256)
            var g = getRandom(0, 256)
            var b = getRandom(0, 256)
            
            var bg = `rgb(${r}, ${g}, ${b})`
            console.log(bg);
            //设置背景颜色给div
            document.querySelector('div').style.backgroundColor = bg
        }
        /*
          十六进制
        */
        function setBackgroundColorTwo(){
            var r = getRandom(0, 256) //123 => F1  
            var g = getRandom(0, 256) // 34 => 15
            var b = getRandom(0, 256)  // 125 => B2

            //  #F115B2
            var r16 = r.toString(16)
            var g16 = g.toString(16)
            var b16 = b.toString(16)
            var bgValue = `#${r16}${g16}${b16}`
            console.log(bgValue);

            //设置背景颜色给div
            document.querySelector('div').style.backgroundColor = bgValue

        }

        setBackgroundColorTwo()

三.关于Date

1.创建时间日期对象new Date（）
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述2.new Date（） 传递的参数多种方法

在这里插入图片描述
在这里插入图片描述
3. new Date（）的常用的方法

    a.getFullYear

在这里插入图片描述

       b.getMonth

在这里插入图片描述

       c.getDate

在这里插入图片描述

       d.getHours

在这里插入图片描述

       e.getMinutes

在这里插入图片描述

       f.getSeconds

在这里插入图片描述

       g.getDay

在这里插入图片描述

       h.getTime

在这里插入图片描述
注：（格林威治时间）：1970年1月1日00:00：00是计算机时间原点所有计算机都遵从这个原则

下面展示一些 内联代码片。

Date常用方法示例


        var time = new Date() //当前时间
        console.log('time.getFullYear()  :', time.getFullYear())
        console.log('time.getMonth()  :', time.getMonth()+1)
        console.log('time.getDate()  :', time.getDate())

        console.log('time.getHours()  :', time.getHours())
        console.log('time.getMinutes()  :', time.getMinutes())
        console.log('time.getSeconds()  :', time.getSeconds())

        console.log('time.getDay()  :', time.getDay())
        console.log('time.getTime()  :', time.getTime())

4.日期时间格式化
在这里插入图片描述
在这里插入图片描述
下面展示一些 内联代码片。

// 格式化时间日期案例


        /*
          格式化日期时间
        */
        function formateCurrentDate() {
            var time = new Date() //当前日期时间对象
            var year = time.getFullYear() //年
            var month = time.getMonth() //月
            var date = time.getDate() //日期
            var hours = time.getHours() //小时
            var minues = time.getMinutes() //分钟
            var seconds = time.getSeconds() //秒

            //2021-12-02 15:24:49
            var dateStr = `${year}-${month+1}-${date} ${hours}:${minues}:${seconds}`
            return dateStr
        }

        var time = formateCurrentDate()
        console.log(time);

5.格式化日期时间工具函数
下面展示一些 内联代码片。

格式化时间日期工具函数示例


        function dateFtt(fmt, date) {
            var o = {
                "M+": date.getMonth() + 1, //月份
                "d+": date.getDate(), //日
                "h+": date.getHours(), //小时
                "m+": date.getMinutes(), //分
                "s+": date.getSeconds(), //秒
                "q+": Math.floor((date.getMonth() + 3) / 3), //季度
                S: date.getMilliseconds(), //毫秒
            };
            if (/(y+)/.test(fmt))
                fmt = fmt.replace(
                    RegExp.$1,
                    (date.getFullYear() + "").substr(4 - RegExp.$1.length)
                );
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt))
                    fmt = fmt.replace(
                        RegExp.$1,
                        RegExp.$1.length == 1 ?
                        o[k] :
                        ("00" + o[k]).substr(("" + o[k]).length)
                    );
            return fmt;
        }

        //创建时间格式化显示
        function formateDate() {
            var crtTime = new Date(); //当前时间
            // return dateFtt("yyyy-MM-dd hh:mm:ss", crtTime);
            // return dateFtt("yyyy年MM月dd日 hh:mm:ss", crtTime);  
            // return dateFtt("yyyy/MM/dd hh:mm:ss", crtTime);  
            return dateFtt("yyyy年MM月dd日", crtTime);  

        }


        var date1 = formateDate()
        console.log(date1);

6.计算时间差

下面展示一些 内联代码片。

计算时间差示例


        var time1 = new Date('2019-01-01 00:00:00')
        var time2 = new Date('2019-01-03 04:55:34')

        var t1 = time1.getTime()
        var t2 = time2.getTime()

        var t3 = t2 - t1 // 相差毫秒数
        // 相差的天，小时，分钟，秒
        // 1天= 24小时  1小时= 60分钟  1分钟 = 60秒  1s = 1000毫秒
        // 1天 = 24 * 60 * 60 * 1000
        var day1 = t3 / (24 * 60 * 60 * 1000)
        day1 = Math.floor(day1)
        console.log(day1);

        // 总相差毫秒数 - 相差天数的毫秒数 = 剩下相差小时分钟秒 毫秒数
        var hourseSeconds =  t3 - day1 * (24 * 60 * 60 * 1000) 
        var hourse = hourseSeconds/(60*60*1000)
        hourse = Math.floor(hourse)
        console.log(hourse);

        //分钟和秒 毫秒数 = hourseSeconds - hourse * 60*60*1000
        var minuesSeconds = hourseSeconds - hourse * 60*60*1000
        var minue = minuesSeconds/(60*1000)
        minue = Math.floor(minue)
        console.log(minue);

例如：我们现在计算一下 2019-01-01 00:00:00 到 2019-01-03 04:55:34 的时间差

1.先获取两个时间点到 格林威治时间(1970年1月1日（00:00:00 GMT）) 的毫秒数
在这里插入图片描述
2.两个时间相减，得到两个时间点之间相差的毫秒数

在这里插入图片描述
3.毫秒转换成天
在这里插入图片描述
4.把我们计算的毫秒数换算成时间
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

糖炒板栗哟~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java date 最小值_Java_Math/Date
weixin_33581743的博客
02-13 1968
这篇文章我们来研究下java中两个常用的工具类，Math和DateMath：Math是java中各种函数计算集合类，进入到Math类中，可以看到Math是java.lang包下的，被final修饰的类。列举几个常用的函数，实际开发中遇到可以按需选择。Math.sqrt()：计算平方根；Math.max( , )：计算最大值；Math.min( , )：计算最小值；Math.abs()：计算绝对值；...
JavaScript——内置对象（Math，Date）
流楚丶格念的博客
07-19 4354
文章目录内置对象通过MDN/W3C来查询验证变量是不是对象的方法Math对象案例：随机生成颜色RGBDate对象案例 内置对象 JavaScript中的对象分为3种：内置对象、浏览器对象、自定义对象 JavaScript 提供多个内置对象：Math/Array/Number/String/Boolean… 对象只是带有属性和方法的特殊数据类型。 内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。 通过MDN/W3C来查询 学习一个内置对象的使用，只要学会其常用的成员的使用（通过查
JS Math和Date
许诺的博客
03-21 1005
1.Math 1.随机数random Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数 var num = Math.random() console.log(num)//得到一个随机数 ​ 注意：生成的数字包含 0 ，但是不包含 1 2.取整方法round,ceil,floor ceil 是将一个小数向上取整 floor 是将一个小数向下取整 round 是将一个小数四舍五入 3.绝对值abs Math.abs()是返回一个数字的绝对值 4.最大值max最小值min
JavaScript Math和Date对象
好记性不如赖笔头
03-31 595
1、Math对象在使用Math对象时，不用使用new创建实例，直接使用对象名.成员方式（Math.xxx）调用。 举例： Math.max(argument1，argument2，)；取出参数中最大的一个， 例如：Math.max(3,88,2,90,-1,333)； Math.min(argument1，argument2，)；取出参数中最小的一个； Math.random()；产生一个
Date类和Math
邓双的专栏
10-23 591
Date类型 today=new Date()             获得当前系统时间 new Date(1000)               指从1970年1月1日开始增加1000毫秒 new Date("2008")             是指2008年 new Date(年，月，日，时，分，秒)   若数值超过则进位 getDate()                    
window.Date、Math、JSON用法解读
夕山雨的博客
08-09 841
目录一、前言 一、前言 相信只要对前端有所了解的同学，对window上的Date、Math和JSON这三个原生对象（或构造函数）都不会陌生，不过却未必全面了解过它们的用法。 首先我们先来简述这三个原生对象的作用。 ...
javaScript Math对象与Date的使用
z1783883121的博客
11-28 944
Math对象 定义： math对象是一个静态对象（不需要实例化，可以直接用） Math对象常用的方法： 1. min() 和 max() ：取最小值和最大值 let max = Math.max(3,5,8,1); let min = Math.min(3,5,8,1); console.log(max); // 8 console.log(min); // ...
JavaScript的Math对象和Date对象
liyjioo的博客
04-20 2215
创建上下两个提示语,一个提示范围,一个提示输入太大了还是太小了,lable值的修改使用innerHTML,上面写的JavaScript代码window.onload = function()是页面加载后运行,btn.onclick=function()表示按钮按下运行,Math.ceil(Math.random()*100);写一段生成0到100的随机数,然后与用户猜的数比较大小,如果猜的数过大,则返回输入过大提示语,过小就提示过小,并且修改原来的提示文案。2.cos(x)获得余弦值。
JavaScript:Math与Date
LiLi的博客
01-10 479
Math对象_静态属性 Math是 JavaScript 的原生对象，提供各种数学功能。该对象不是构造函数，不能生成实例，所有的属性和方法都必须在Math对象上调用 Math对象的静态属性，提供以下一些数学常数 Math.E：常数e。 Math.LN2：2 的自然对数。 Math.LN10：10 的自然对数。 Math.LOG2E：以 2 为底的e的对数。 Math.LOG10E：以 10 为底的e的对数。 Math.PI：常数 PI。 Math.SQRT1_2：0.5 的平方根。 Math.SQRT2
JavaScript 基础【Date 类和 Math 类】
在人间负债^
05-01 1172
JavaScript 基础【Date 类和 Math 类】Date创建一个 Date 对象创建一个指定的时间对象Date 的常用方法getDate()getDay()getMonth()......getTime()MathMath 的常用方法abs()ceil()floor()round()random()max()min()log()sqrt()包装类String 的常用方法length 属性charAt()charCodeAt()fromCharCode()indexof()lastIndexOf()
Javascript中Date类型和Math类型详解
10-22
主要给大家介绍了Javascript中Date类型和Math类型的一些基础知识，非常的实用，有需要的小伙伴可以参考下
09.Math和Date对象.one
09-24
09.Math和Date对象.one
DAY08：Math和Date.html
09-07
DAY08：Math和Date
DAY03_Math 和 Date.md
05-22
DAY03_Math 和 Date.md
浅谈JavaScript中Date(日期对象),Math对象
10-24
JavaScript中的Date对象和Math对象是两个非常重要的内置对象，它们提供了处理时间和数学计算的功能。 Date对象主要用于处理日期和时间。Date对象可以存储任意一个日期，精度达到毫秒级。创建一个新的Date对象通常...
牛客JS题（二十一）数组扁平化
最新发布
不起眼小菜菜的博客
08-04 598
注释很详细，直接上代码……
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 321
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 938
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 254
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
JavaScript内置对象详解：Math与Date对象
"JavaScript内置对象和Math对象以及Date对象的使用" 在JavaScript中，内置对象是预定义的，可以直接在任何地方使用的对象。它们是语言核心的一部分，提供了许多基础功能，如数学运算、日期处理等。JavaScript主要有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值