原生JS八(Math对象,随机色)

一. Math对象

Math对象是js提供给开发者的一款内置常见数学公式的对象
所有Math对象中的方法, 都会有返回值。

1.max(x,y)/min(x,y)

返回x,y中的最大值/最小值

代码:
在这里插入图片描述
显示效果:
在这里插入图片描述

2.Math.ceil/floor/round

向上取整/向下取整/四舍五入

代码:
在这里插入图片描述
显示效果:
在这里插入图片描述

3.Math.random()*(较大的数 - 较小的数) + 较小的数

该范围内的随机数,有小数

代码:
在这里插入图片描述
显示效果:
在这里插入图片描述

4.Math.abs(x)

返回x的绝对值

5.Math.exp(x)

返回e的x次方

6.Math.log(x)

返回x的自然对数(底为e)

7.Math.pow(x,y)

返回x的y次方的值

8.Math.sqit()

返回一个数的平方根


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Math</title>
	</head>
	<body>
		
		<script type="text/javascript">
			
			//Math对象: 是js提供给开发者的一款内置常见数学公式的对象
			//			所有Math对象中的方法, 都会有返回值。
			
			//定义一个随机数
			//
//			Math.random()*(较大的数 - 较小的数) + 较小的数
			
			//1.范围只确定终点 的随机数 
			var one = Math.random()*10;
//			console.log(one);
			
			//2.范围两端都确定的 随机数
			var two = Math.random()*(10-7)+7;
//			console.log(two);
			
			//3. 去掉随机数中 的小数
//			parseInt(): 转换成整数类型
			//	 Math.ceil()  :  向上取整
			//   Math.floor() :  向下取整
			//   Math.round() :  四舍五入 
			var three = Math.ceil(Math.random()*(100 - 50)+ 50);
	
			console.log(three);
			
			
//练习: 1.输出10个50~100之间的随机数,并求出他们之间的和			

			document.write("输出的随机数为:");
			var s = 0;
			for(var j=0;j<10;j++){
				var b = Math.ceil(Math.random()*(100-50)+50);
			    document.write(b+",");			 
			    s += b;
			}
			document.write("输出的随机数的加和为:" + s);
			
			
//老师写的			
//			var sum = 0;
//			var num = 0;
//			
//			for(i=0;i<10;i++){
//				sum = Math.ceil(Math.random()*(100-50)+50);
//				document.write("随机数的和为:"+ sum);
//				num += sum;
//			}
//			    document.write(num);			
			
			
			
		</script>
	</body>
</html>

二. 随机颜色

颜色的赋值有三种方法
1.通过颜色的英文名称,如:red,blue,yellow,black,green
2.通过rgb三原色调配比例,如:rgb(xxx,xxx,xxx) xxx的取值范围为0~255
3.通过16进制,来匹配相应的颜色

代码:
在这里插入图片描述显示效果:
在这里插入图片描述

三. 透明度

opacity,取值范围0~1,1为不透明,0为完全透明

代码:
在这里插入图片描述
显示效果:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值