Math对象产生随机数一个小应用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo-color</title>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<style type="text/css">
.c-wq-kucao{background-color: #E4DC8B;}
.c-wq-shizhu{background-color: #E5ACBF;}
.c-wq-luoli{background-color: #772F09;}
.c-wq-qiangqingci{background-color: #A6C7B2;}
.c-wq-jiuyuzi{background-color: #94859C;}
.c-wq-liumeizhucha{background-color: #5B6356;}
.c-wq-yuanzhoushu{background-color: #CA8269;}
.c-wq-sufang{background-color: #9D3D3F;} </style>
</head>
<body> <p id="demo" class="c-wq-liumeizhucha" style="margin-bottom: 100px; width:100vw; height: 5vh;"></p>
<button id="btn">点我</button> <script> /**
* [selectForm 产生一个确定区间内的随机整数]
* @param {[number]} lowerValue [最小值]
* @param {[number]} upperValue [最大值]
* @return {[number]} [在一个区间内的随机整数]
*/
function selectForm(lowerValue, upperValue){
var choice = upperValue - lowerValue + 1;
return Math.floor(Math.random()*choice + lowerValue);
} //eg:
var num = selectForm(2, 10);
alert(num); //介于2和10之间(包括2和10)的一个值 //应用
var allClass = ['c-wq-kucao', 'c-wq-shizhu', 'c-wq-luoli', 'c-wq-qiangqingci', 'c-wq-jiuyuzi', 'c-wq-liumeizhucha', 'c-wq-sufang']; $("#btn").on("click", function(){
var selClass = allClass[selectForm(0, allClass.length - 1)];
$("#demo").attr("class", selClass); //点击变色
}) </script>
</body>
</html>
Math对象
Math 也是一个内置对象, 为数学常量和数学函数提供了属性和方法,而不是一个函数对象。
与其它全局对象不同的是, Math 不是一个构造器. Math 的所有属性和方法都是静态的. 你用到的常数pi可以用 Math.PI 表示,用 x 作参数 Math.sin(x)调用sin函数. JavaScript中的常数, 是以全精度的实数定义的.
属性:
Math.E
欧拉常数,也是自然对数的底数, 约等于 2.718.
Math.LN2
2的自然对数, 约等于0.693.
Math.LN10
10的自然对数, 约等于 2.303.
Math.LOG2E
以2为底E的对数, 约等于 1.443.
Math.LOG10E
以10为底E的对数, 约等于 0.434.
Math.PI
圆周率,一个圆的周长和直径之比,约等于 3.14159.
Math.SQRT1_2
1/2的平方根, 约等于 0.707.
Math.SQRT2
2的平方根,约等于 1.414.
方法:
需要注意的是:
三角函数(sin(), cos(), tan(),asin(), acos(), atan(), atan2())是以弧度返回值的。可以通过除法(Math.PI / 180)把弧度转换为角度,也可以通过其他方法来转换。
很多数学函数都有一个精度,并且精度在不同环境下也是不相同的。这就意味着不同的浏览器会给出不同的结果,甚至相同的 JS 引擎在不同的OS或者架构下也会给出不同的结果。
Math.ceil(x)
返回x向上取整后的整数值.
Math.floor(x)
返回x向下取整后的整数值.。
Math.round(x)
返回四舍五入后的整数.
Math.sqrt(x)
返回x的平方根.如果参数 number 为负值,则 sqrt 返回 NaN。
Math.tan(x)
返回x的正切值,x表示一个角(单位:弧度)
Math.abs(x)
返回x的绝对值.传入一个非数字形式的字符串或者 undefined/empty 变量,将返回 NaN。传入 null 将返回 0。
Math.sin(x)
返回一个 -1 到 1 之间的数值,表示给定角度(单位:弧度)的正弦值
Math.acos(x)
返回一个数的反余弦值(单位为弧度)。acos 方法以 -1 到 1 的一个数为参数,返回一个 0 到 pi (弧度)的数值。如果传入的参数值超出了限定的范围,将返回 NaN
Math.asin(x)
返回一个数值的反正弦(单位为弧度)。asin 方法接受 -1 到 1 之间的数值作为参数,返回一个介于-π/2到π/2弧度的数值。如果接受的参数值超出范围,则返回 NaN。
Math.atan(x)
返回一个数值的反正切(以弧度为单位),以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值.
Math.atan2(x, y)
返回 y/x 的反正切值. atan2 方法返回一个 -pi 到 pi 之间的数值,表示点 (x, y) 对应的偏移角度。这是一个逆时针角度,以弧度为单位,正X轴和点 (x, y) 与原点连线 之间。注意此函数接受的参数:先传递 y 坐标,然后是 x 坐标。
atan2 接受单独的 x 和 y 参数,而 atan 接受两个参数的比值
Math.cos(x)
返回x的余弦值.返回一个 -1 到 1 之间的数值,表示角度(单位:弧度)的余弦值。
Math.exp(x)
返回 Ex, 当x为参数, E 是欧拉常数 (2.718...), 自然对数的底.
Math.log(x)
返回一个数的自然对数,如果指定的 number 为负数,则返回值为 NaN。
Math.max([x[,y[,…]]])
返回0个到多个数值中最大值。
如果没有参数,则结果为 - Infinity。
如果有任一参数不能被转换为数值,则结果为 NaN。
Math.min([x[,y[,…]]])
返回0个到多个数值中最小值,Math.min 经常用于裁剪一个值,以便使其总是小于或等于某个边界值
如果没有参数,则结果为 Infinity。
如果有任一参数不能被转换为数值,则结果为 NaN。
Math.pow(x,y)
返回x的y次幂.
Math.random()
返回0到1之间的伪随机数(大于等于0,小于1),以当前时间为随机数种子
Math.floor(Math.random() * (max - min + 1) + min); // 返回一个介于min和max之间的整型随机数
以下ES6新增:
log10(), log2(), log1p(), expm1(), cosh(), sinh(), tanh(), acosh(), asinh(), atanh(), hypot(), trunc(), sign(), imul(), fround(), cbrt() clz32()
Math.acosh(x)
返回x的反双曲余弦值.
Math.asinh(x)
返回x的反双曲正弦值.
Math.atanh(x)
返回 x 的反双曲正切值.
Math.cbrt(x)
返回x的立方根.
Math.clz32(x)
Returns the number of leading zeroes of a 32-bit integer.
Math.cosh(x)
返回x的双曲余弦值.
Math.expm1(x)
返回 exp(x)-1 的值.
Math.fround(x)
Returns the nearest single precision float representation of a number.
Math.hypot([x[,y[,…]]])
Returns the square root of the sum of squares of its arguments.
Math.imul(x)
Returns the result of a 32-bit integer multiplication.
Math.log1p(x)
Returns the natural logarithm of 1 + x (loge, also ln) of a number.
Math.log10(x)
Returns the base 10 logarithm of x.
Math.log2(x)
Returns the base 2 logarithm of x.
Math.sign(x)
返回x的符号函数, 判定x是正数,负数还是0.
Math.sinh(x)
返回x的双曲正弦值.
Math.tanh(x)
返回x的双曲正切值.
Math.trunc(x)
返回x的整数部分,去除小数.
Math对象产生随机数一个小应用的更多相关文章
- MongoDB中对象反序列化的一个小问题
今天在mongoDB存取对象数据的时候,碰到一个小问题:对象的某一个字段类型是抽象类或者接口.在存入的时候没有问题.可是在读取的时候,因为没有详细类的信息,无法完毕对象的又一次构建.就会报错: Can ...
- Winform窗体用对象数组做一个小项目
首先我我们看一下需求:我们要做的是显示员工信息,实现项目经理给员工评分的功能! 首先项目经理是评分的人所以没有用,因为我们自己写,评分的就是我们自己.所以我们要做的是先在vs也就是我们的环境里建一个项 ...
- JavaScript内置对象——Math对象
这几天在刷leetcode的时候用到了一些Math对象的知识,故作一下总结~ JavaScript中的Math对象也是一个常见的内置对象,然而与String等其它常见对象不同,Math对象没有构造函数 ...
- JS Math对象中一些小技巧
JS中快速获取数组中最大/最小值 var a=[1,2,3,5]; alert(Math.max.apply(Math, a));//最大值 alert(Math.min.apply(Math, a) ...
- Visual Studio 2017 - Windows应用程序打包成exe文件(2)- Advanced Installer 关于Newtonsoft.Json,LINQ to JSON的一个小demo mysql循环插入数据、生成随机数及CONCAT函数 .NET记录-获取外网IP以及判断该IP是属于网通还是电信 Guid的生成和数据修整(去除空格和小写字符)
Visual Studio 2017 - Windows应用程序打包成exe文件(2)- Advanced Installer Advanced Installer :Free for 30 da ...
- 关于 JavaScript 中一个小细节问题 (在控制台中直接 {Name:'王尼玛',Age:20} 对象报错问题)
在 Chrome 浏览器,大家可能遇到这样一个小问题. 随便输入一个 Object 对象 ,比如 {Name:'王尼玛',Age:20} ,将会报错.之前,也从来没去考虑过到底是为啥原因. 今天,刚 ...
- Math对象小笔记
来,总结下Math对象的常用方法和属性 1.E 自然对数的底数 Math.E; //2.718281828459045 2.PI 圆周率 Math.PI; //3.141592653589793 3 ...
- 为什么使用eval()将json字符串转换为对象要多加一个小括号
使用eval()将json字符串转换为对象要多加一个小括号: 关于eval()函数的具体用法这里就不多介绍了,具体可以参阅javascript的eval()方法一章节,下面就介绍一下为什么使用eval ...
- js进阶正则表达式10-分组-多行匹配-正则对象的属性(小括号作用:分组,将小括号里面的东西看成一个整体,因为量词只对前一个字符有效)(多行匹配:m)(属性使用:reg.global)
js进阶正则表达式10-分组-多行匹配-正则对象的属性(小括号作用:分组,将小括号里面的东西看成一个整体,因为量词只对前一个字符有效)(多行匹配:m)(属性使用:reg.global) 一.总结 1. ...
随机推荐
- The type List is not generic(转载)
错误:The type List is not generic; it cannot be parameterized with arguments <Activity> 代码如下: pu ...
- Visual Studio 2010无法启动调试
现象:Visual Studio 2010点击调试或者按F5.Visual Studio 2010没有什么反应,但又不报错. 而点击运行不调试(Ctrl+F5)却没有问题. 解决的方法:打开项目属性, ...
- 在Android中使App高速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
前言 在如今的APP或者游戏中,分享功能差点儿已经成为标配.分享功能不但能够满足用户的需求.也能够为产品带来很多其它的用户,甚至能够对用户的行为.活跃度.年龄段等情况进行数据统计,使得软件公司能够对产 ...
- 解决shell脚本“syntax error near unexpected token `fi'”的问题。
执行shell脚本的时候,提示如下错误: 查询资料后发现: 执行: vi finddir.sh 然后,输入 :set ff 结果是: 解决方案就是,修改为unix: :set ff=unix 执行保存 ...
- Docker的跨主机连接:
1使用网桥实现跨主机容器连接. 2使用open vswitch虚礼的交换机实现跨主机容器连接. 3使用weave开源项目工具实现跨主机连接. 使用网桥实现跨主机容器连接:在同一个docker的主机中d ...
- html5--5-2 绘制直线
html5--5-2 绘制直线 学习要点 如何在HTML5文档中添加canvas元素 canvas的属性 了解canvas坐标系 了解script元素 绘制一条直线(准确的说是线段) 什么是canva ...
- python berkeley 操作——尤其提示 需版本匹配
python berkeley 操作 先到http://www.oracle.com/technetwork/database/database-technologies/berkeleydb/dow ...
- MySQL丨5.6版本插入中文显示问号解决方法
解决办法: 1.找到安装目录下的my-default.ini 这个配置文件 2.copy一份粘贴到同目录下 另命名为my.ini 3.在my.ini 配置下加上下面几句代码 并保存 [mysql]de ...
- LA-5059(组合游戏)
题意: 有n堆石子,分别有a1,a2,...,an个,两个游戏者轮流操作,每次可以选一堆m拿走至少一个且不超过一半的石子,谁不能拿石子就算输; 思路: a1太大打印sg表找规律,然后就是异或和了; A ...
- hdu-4081 Qin Shi Huang's National Road System(最小生成树+bfs)
题目链接: Qin Shi Huang's National Road System Time Limit: 2000/1000 MS (Java/Others) Memory Limit: ...