JavaScript Math对象介绍和运用

1. Math对象用于执行数学任务，它里面封装了数学运算相关的属性和方法。
2. 常用属性：Math.PI表示圆周率

     

 

 Math.ceil() 只要小数点后面有值都取1，除了0

 

Math.floor() 无论小数点是什么，都会去掉

 

Math.round() 可以对一个数进行四舍五入取整

 

 Math.random() 可以用运算符来执行 0-X的随机数  Math.random()*X

                        

 

  3.        用Math对象写案例

一个在固定区域内随机移动的图形

元素上需要一个包裹层，包裹层内放置你需要移动的图形

包裹层的样式要和背景区分，固定的宽高，和遮住溢出包裹层的元素

 

然后js部分主要的就是定时器和math对象

Math对象中要用到属性是 round 和 random ， 并且需要它们配合起来

这两个属性的作用是 四舍五入 和 0-X 的随机数

以下内容都在一个封装函数内，来使用定时器循环调用来让它一直移动

用一个函数将它们封装起来，函数要有参数，参数是用来配合random来使用

并且要返回它们的值

这样就能获得一个 0——X 的随机数了

 

然后就是使用它，设置一个变量，值写刚才封装的函数参数写你的最大的随机数

参数写你的宽高的大小减去你的包裹层内的元素的大小，这样就有了一个 0 - 参数

的随机数了

 

接下来就是设置它的位置了，让包裹的元素的样式的top属性和left属性的值输出为

我们刚才设置的变量

 

最后就是定时器了，要用到setInterval（函数，时间（单位：毫秒））

 

小结：Math对象和其他对象不同，它不是一个构造函数，它属于一个工具类不用创建 对象。它里面封装了数学运算相关的属性和方法，而且不像 Date 和 String 那样 是对 象的类，因此没有构造函数 Math()。它也是window对象的一个属性，即可以使 用window.Math的形式来使用该对象。