标签:pre code var nts 向上取整 document length 对象 style
Math对象用于执行数学任务
常用属性和方法:
Math.PI ----------------返回圆周率3.14 ...
Math.ceil(x) ------------对数值x进行向上取整
Math.floor(x) -----------对数值x进行向下取整
Math.round(x) ----------对数值x进行四舍五入
Math.min(a,b,c...) -------返回abc...中的最小值
Math.max(a,b,c...) -------返回abc...中的最大值
Math.random() --------返回介于0 ~ 1 之间的随机数
<!-- 1到20随机生成10个数 不能有重复的数字-->
<h1 id="con"></h1>
<script>
var arr=[];
for (var i = 0; i < 10; i++) {
var x=Math.floor(Math.random()*20+1);
var flag=false;
for (var i = 0; i < arr.length; i++) {
if (x==arr[i]) {
flag=true;
break;
}
}
if (flag) {
i--;
}else{
arr.push(x);
}
}
con.innerHTML=arr;
</script>
2.抽奖,从快到慢,然后停下来
var list=document.getElementById(‘list‘);
var lis=list.getElementsByTagName(‘li‘);
console.log(lis.length);
var timer=null;
var time,x;
function run(){
clearInterval(timer);
timer=setInterval(function(){
time+=20;
for (var i = 0; i < lis.length; i++) {
lis[i].className=‘‘;
}
if (time==500) {
clearInterval(timer);
}else{
x=Math.floor(Math.random()*lis.length);
clearInterval(timer);
run();
}
lis[x].className=‘show‘;
console.log(x);
},time);
}
document.onclick=function(){
time=50;
run();
}
标签:pre code var nts 向上取整 document length 对象 style
原文地址:http://www.cnblogs.com/SunShineM/p/6057231.html