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. ...
随机推荐
- 从头认识java-15.1 填充容器(2)-利用Collection的addAll方式
接着上一章节,我们继续介绍填充容器. 这一章节我们结束还有一种填充容器的方式:addAll 样例: package com.ray.ch15; import java.util.ArrayList; ...
- windows常用快捷键(转载)
f1 显示当前程序或者windows的帮助内容. f2 当你选中一个文件的话,这意味着“重命名” f3 当你在桌面上的时候是打开“查找:所有文件” 对话框 f10或alt 激活当前程序的菜单栏 win ...
- 利用crtmpserver搭建rtmp服务器
Google + 实践:最终直播成功. 记录一下. 这样.兴许就能够对代码进行改造,利用开源码实现:Android平台下.搭建rtmpserver.浏览器端利用flash播放视频. 代码架构为:ffm ...
- WWDC2014 IOS8 APP Extensions
本文转载至 http://blog.csdn.net/jinkaiouyang/article/details/35558623 感谢撰文作者的分享 WWDC14 最令人兴奋的除了新语言sw ...
- EasyDarwin流媒体云平台架构
EasyDarwin目前正在做的开源流媒体云平台架构:
- Java之运行时异常与编译时异常区别
Java中用2种方法处理异常: 1.在发生异常的地方直接处理: 2.将异常抛给调用者,让调用者处理. Java异常可分为3种: (1)编译时异常:Java.lang.Exception (2)运行期异 ...
- static 静态域 类域 静态方法 工厂方法 he use of the static keyword to create fields and methods that belong to the class, rather than to an instance of the class 非访问修饰符
总结: 1.无论一个类实例化多少对象,它的静态变量只有一份拷贝: 静态域属于类,而非由类构造的实例化的对象,所有类的实例对象共享静态域. class Employee { private static ...
- 使用 Visual Studio Code 运行 C# 及 Java 程序
背景 很多情况下,我只是想要编写一个非常简单的 C# 或者 Java 程序,只有几行代码,看看运行结果而已.虽说 Visual Studio / Eclipse / IntelliJ IDEA 功能强 ...
- iOS 判定string是不是中文字符
+(BOOL)IsChinese:(NSString *)str { ; i< [str length];i++) { int a = [str characterAtIndex:i]; if( ...
- MySQL索引优化-from 高性能MYSQL
Btree: 1. 尽量使用覆盖索引, 即三星索引 2. 多列索引如果带范围的话, 后续列不会作为筛选条件 3. 多列索引应选择过滤性更好的充当前缀索引 4. 尽量按主键顺序插入, 减少页分裂, 采用 ...