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为完全透明
代码:
显示效果: