day08 - javascript中的Math和日期对象Date

最新推荐文章于 2023-06-23 10:37:26 发布

小王遨游到太空

最新推荐文章于 2023-06-23 10:37:26 发布

阅读量440

点赞数 3

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45274291/article/details/106428371

版权

1.Math对象：

Math的一个属性 - PI - 圆周率
语法：Math.PI

(1)Math常用API：

用法	语法
绝对值	Math.abs（）
最大值	Math.max（）
最小值	Math.min（）
随机数	Math.random（） // 产生的是一个0-1之间的小数，含0不含1//将随机数扩大十倍：parseInt(Math.random（）*10) [范围0-9]
向上取整	Math.ceil（）//例如1.2，向上取整的2
向下取整	Math.floor（）//例如1.2，向下取整的1
四舍五入	Math.round（值）
求次方	Math.pow（底数，幂）
算术平方根（开根号）	Math.sqrt（值）

获取随机数：

function getRandom(a，b){    
	var max = Math.max(a，b);    
	var min = Math.min(a，b);    
	return parseInt( Math.random()*(max-min) )+min
}

案例：获取随机颜色值

//html代码：
<body>    
	<input type="text" id="text">
</body>

//js代码：
function getRGB(){    
	var arr = [];    
	for(var i=0;i<3;i++){        
		arr.push(Math.floor(Math.random()*255)); // 得到一个0~255的随机数    
	}    
	var str = '#';    
	for(var i in arr){        
		str += arr[i].toString(16); // 将每个随机数遍历并转为16进制    
	}    
	return str;
}
console.log(getRGB());
text.style.background = getRGB();

(2)进制间的转换：

tostring方法将十进制(D)数字转为其他进制。

数字.toString(将十进制数字转为指定的进制数)
var x = 110;
x.toString(2) //转为2进制(B)
x.toString(8) //转为8进制(O)
x.toString(16) //转为16进制(H)

parseInt方法将其他进制数字转为十进制。

parseInt(被转换的数据，将数据当做什么进制转换)
var x = "110" //这是一个二进制的字符串表示
parseInt(x, 2) //把这个字符串当做二进制， 转为十进制
var x = "70" //这是一个八进制的字符串表示
parseInt(x, 8) //把这个字符串当做八进制， 转为十进制
var x = "ff" //这是一个十六进制的字符串表示
parseInt(x, 16) //把这个字符串当做十六进制， 转为十进制
注意：parseInt方法是用于将字符串转为数字的方法。 接受两个参数。
 	第一个要转换的字符串，第二个是可选的， 
 	如果没有值， 默认是10进制； 如果有值， 就是以该值为转换进制。

2.Date对象：

(1)创建日期对象：

var date = new Date(); //使用构造函数创建一个当前时间的对象

得到日起对象可以传入时间：
var date = new Date("2017-03-22"); //创建一个指定时间的日期对象
var date = new Date("2017-03-22 00:52:34"); //创建一个指定时间的日期对象
var date = new Date(2017, 2, 22, 0, 52, 34); //(年,月,日,时,分,秒)
var date = new Date(1523199394644); //参数：毫秒值
注意：Date构造函数当不传递任何参数的时候，返回的是当前时间。当传入参数的时候，获取的是传进去的时间。

(2)获取时间 - get：

使用日期对象的方法获取日期的指定部分：
对象.getFullYear(); //获取4位的年份
对象.getMonth(); //获取月  (注意从0开始计算，1-12月份使用0-11来描述)
对象.getDate(); //获取日(即当月的第几天)
对象.getDay(); //获取星期 (0-6   0:星期天)
对象.getHours(); //获取时
对象.getMinutes(); //获取分
对象.getSeconds(); //获取秒
对象.getMilliseconds(); //获取毫秒(一秒  === 1000毫秒)
对象.getTime(); //获取时间戳

案例：将日期格式化成字符串
function formatDate(date) {    
	var d = new Date(date),    
	month = '' + (d.getMonth() + 1),    
	day = '' + d.getDate(),    
	year = d.getFullYear();    
	if (month.length < 2) month = '0' + month;    
	if (day.length < 2) day = '0' + day;    
	return [year, month, day].join('-');
}
console.log(formatDate('May 13,2016')); //2016-05-13

(3)设置时间 - set：

date.setFullYear(2016) // 将日期对象中的年份设置为2016    	
	date.setFullYear(year，month，day)
date.setMonth(3) // 将日期对象中的月份设置为4月份
date.setDate(15) // 将日期对象中的日期设置为15号
date.setHours(12) // 将日期对象中的小时设置为12点
date.setMinutes(56) // 将日期对象中的分钟设置为56分
date.setSeconds(23) // 将日期对象中的秒数设置为23秒
date.setMilliseconds() //设置毫秒数
注意：set的时候传入的参数超出了正常范围，会自动的前后推算。

(4)日期转为毫秒数（时间戳）：

时间戳 - 就是从1970年1月1日0点0分0秒开始到现在走过的毫秒数
Date.parse("年月日时分秒的字符串") // 获取1970年到设定时间的毫秒数
new Date().getTime()
+new Date();
Date.now();//获取当前的时间戳

案例：计算两个日期的时间差值
function count(){    
	var date1=new Date(2010,10,3);    
	var date2=new Date(2017,9,24);    
	var date=(date2.getTime()-date1.getTime())/(1000*60*60*24);/*不用考虑闰年否*/    
	alert("相差"+date+"天");}

(5)日期格式化：

date.toLocalString();//本地风格的日期格式
date.toLocaleDateString(); // 获取日期
date.toLocaleTimeString(); // 获取时间

eg：距离5月1号00：00：00 还有多少天多少小时多少分多少秒

// 在定时器之前获取一遍，防止打开网页过一秒才显示
var now = new Date(); // 获取当前时间
var Mayday = new Date("2020-5-1"); // 获取五一的事件对象
var differ = Mayday.getTime() - now.getTime(); // 求出时间戳的差
var days = parseInt(differ/1000/60/60/24); // 根据毫秒数得到天数
var hours = parseInt(differ/1000/60/60)%24; // 根据毫秒数得到小时
var minutes = parseInt(differ/1000/60)%60; // 根据毫秒数得到分钟
var seconds = parseInt(differ/1000)%60; // 根据毫秒数得到秒数
box.innerHTML = ("距离五一还有"+days+"天"+hours+"小时"+minutes+"分"+seconds+"秒");

setInterval(function(){    
	var now = new Date(); // 获取当前时间    
	var Mayday = new Date("2020-5-1"); // 获取五一的事件对象    
	var differ = Mayday.getTime() - now.getTime(); // 求出时间戳的差    
	var days = parseInt(differ/1000/60/60/24); // 根据毫秒数得到天数    
	var hours = parseInt(differ/1000/60/60)%24; // 根据毫秒数得到小时    
	var minutes = parseInt(differ/1000/60)%60; // 根据毫秒数得到分钟    
	var seconds = parseInt(differ/1000)%60; // 根据毫秒数得到秒数    
	box.innerHTML = ("距离五一还有"+days+"天"+hours+"小时"+minutes+"分"+seconds+"秒");
},1000)

小王遨游到太空

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
day08 - javascript中的Math和日期对象Date

1.Math对象：Math的一个属性 - PI - 圆周率语法：Math.PI(1)Math常用API：用法语法绝对值Math.abs（）最大值Math.max（）最小值Math.min（）随机数Math.random（）  // 产生的是一个0-1之间的小数，含0不含1//将随机数扩大十倍：parseInt(Math.random（）*10) [范围0-9]向上取整Math.ceil（）//例如1.2，向上取整的2
复制链接

扫一扫