标签:
1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)
2.Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。
3.Math.round(num); 参数num为一个数值,函数结果为num四舍五入后的整数。
Math:数学对象,提供对数据的数学计算。
Math.random(); 返回0和1间(包括0,不包括1)的一个随机数。
Math.ceil(n); 返回大于等于n的最小整数。
用Math.ceil(Math.random()*10);时,主要获取1到10的随机整数,取0的几率极小。
Math.round(n); 返回n四舍五入后整数的值。
用Math.round(Math.random());可均衡获取0到1的随机整数。
用Math.round(Math.random()*10);时,可基本均衡获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。
Math.floor(n); 返回小于等于n的最大整数。
用Math.floor(Math.random()*10);时,可均衡获取0到9的随机整数。
//小球碰壁反弹变色案例
<script>
var qiu=document.getElementById(‘qiu‘);
var body=document.getElementById(‘body‘);
var x=body.clientWidth-qiu.offsetWidth;
var y=body.clientHeight-qiu.offsetHeight;
var z=0,w=0,m=1,n=1;
setInterval(fx,5);
function fx(){
if(z>=x){
var r=Math.floor(Math.random()*256);
var g=Math.floor(Math.random()*256);
var b=Math.floor(Math.random()*256);
qiu.style.background=‘rgb(‘+r+‘,‘+g+‘,‘+b+‘)‘;
m=-m;
}
if(z<0){
var r=Math.floor(Math.random()*256);
var g=Math.floor(Math.random()*256);
var b=Math.floor(Math.random()*256);
qiu.style.background=‘rgb(‘+r+‘,‘+g+‘,‘+b+‘)‘;
m=-m;
}
if(w>=y){
var r=Math.floor(Math.random()*256);
var g=Math.floor(Math.random()*256);
var b=Math.floor(Math.random()*256);
qiu.style.background=‘rgb(‘+r+‘,‘+g+‘,‘+b+‘)‘;
n=-n;
}
if(w<0){
var r=Math.floor(Math.random()*256);
var g=Math.floor(Math.random()*256);
var b=Math.floor(Math.random()*256);
qiu.style.background=‘rgb(‘+r+‘,‘+g+‘,‘+b+‘)‘;
n=-n;
}
z=z+m;
w=w+n;
qiu.style.left=z+‘px‘;
qiu.style.top=w+‘px‘;
}
</script>
标签:
原文地址:http://www.cnblogs.com/niulixin/p/5667349.html