首页 > 其他分享 >自学 --day9---js中的数学操作和时间日期

自学 --day9---js中的数学操作和时间日期

时间:2023-11-30 14:14:54浏览次数:32  
标签:day9 -- js var 日期 对象 时间 date Math

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+'日')

标签:day9,--,js,var,日期,对象,时间,date,Math
From: https://www.cnblogs.com/sml-ylz/p/17867197.html

相关文章

  • 第九次上机内容 嵌套循环
    题目:浏览(chaoxing.com) (一)选择题1、D(二)填空题2、53、-14、115、852(三)程序阅读题6、17这里else有什么意义?7、 所给代码等同于intmain(void){for(inti=1;i<=5;++i){if(i%2)cout<<'*'<<'#';elsecontinue......
  • P1084 [NOIP2012 提高组] 疫情控制
    首先军队可以原地不动,时间越多越容易合法,先套上二分。在不回到根的情况下,军队深度肯定越小越好。所以军队能往上移就移,如果能回到根就暂时在根对应的儿子那里驻扎。这个过程用树上倍增优化。做完这一步后,我们找出需要军队驻扎的根的儿子(向下不经过军队就能到达叶子),现在就是要让......
  • excel有两列数据,第一列条码,第二列数量为1,如何把相同条码的行,数量汇总
    要将相同条码的行的数量汇总,可以使用Excel的"数据透视表"功能。按照以下步骤进行操作:确保你的数据包含两列:第一列是条码,第二列是数量。选中你的数据范围,包括条码和数量列。在Excel菜单栏中选择"插入"选项卡。在"插入"选项卡中,找到并点击"数据透视表"按钮。这将打开"创......
  • 视频直播源码,去掉Button自带边框
    视频直播源码,去掉Button自带边框实现html代码 <view><buttonclass="contactBtn"open-type="contact"@contact="handleContact"session-from="sessionFrom">意见反馈</button></view> ​css代码.contactBtn{border:none......
  • JavaScript 防抖和节流
    JavaScript防抖和节流防抖以下js类库实现方法:lodash.debounceunderscore-debounce最初接触实现一个防抖函数的需求,是在前端封装React组件的过程中,当时是要实现一个搜索下拉框,根据输入提示搜索内容。根据<input>的input事件来监听用户输入,并调用后端接口传递输入信息......
  • uniapp使用微信jssdk自定义分享
    前言提示:本文记录的是使用uniapp开发的H5+APP项目,H5端使用微信自定义分享功能,文中有关APP的兼容,如果不需要兼容APP的可以忽略一、引入首先安装jweixin-module包npminstalljweixin-module--save二、封装工具方法为了方便使用,新建一个wechat.js文件://#ifdefH5impo......
  • 前端自动复制功能
    一、步骤1、input,value是你想复制的内容2、聚焦input的文字,input.select()3、执行copy命令document.execCommand("Copy")4、判断是否成功——不准确,但是有比没有好。二、代码实现letinputs=document.createElement("input")//创建节点inputs.value=res.data.data//......
  • 成品直播源码推荐,实现文字加载效果 文字跳动
    成品直播源码推荐,实现文字加载效果文字跳动实现<viewv-elseclass="status-working"><textclass="letterletter1">充</text><textclass="letterletter2">电</text><textclass="letterletter3">中</text>......
  • DC电源模块的基本工作原理和应用
    BOSHIDADC电源模块的基本工作原理和应用DC电源模块是一种能够将交流电转化为直流电的电子装置。它的基本工作原理是利用变压器、整流桥、电容滤波、电压稳定器等电路组成,将输入的交流电转换为稳定的直流电输出。这种直流电源模块通常可以提供不同的电压和电流输出,以满足不同的应......
  • 岩土工程监测新利器——振弦采集仪
    岩土工程监测新利器——振弦采集仪振弦采集仪是一种常用的岩土工程监测仪器,主要用于测量岩土体的振动和应变情况。它采用先进的数字信号处理技术,可以实时采集和处理振弦信号,快速准确地获取岩土体的振动和应变信息。振弦采集仪具有以下优点: 1.高精度:振弦采集仪采用先进的传......