js math属性

<!DOCTYPE html>
 
<html>
 
<head>
 
<meta charset=”utf-8″>
 
<title></title>
 
<script type=”text/jscript”>
 
// 算术对象Math
 
// 向上取整
 
console.info(Math.ceil(26.1));
 
// 向下取整
 
console.info(Math.floor(26.1));
 
// 四舍五入
 
console.info(Math.round(26.1));
 
// 绝对值
 
console.info(Math.abs(-26.1));
 
// 获取随机数 0-1(不包含)
 
console.info(Math.random());
 
// 推导:获取0-9之间的随机整数   乘以10再向下取整
 
var randomnum = Math.floor(Math.random()*10);
 
console.info(“随机的整数(0-9)”+randomnum);
 
// 推导:获取四位随机整数,范围1000-9999
 
// 假设获取最小的随机数0  最大数-最小数+1
 
var num = Math.floor(Math.random()*(9999-1000+1));
 
console.info(“随机的四位整数(1000-9999)”+num);
 
// Math.random()*((9999-1000+1)+1000);
 
// Math.floor(Math.random()*(9999-1000+1));
 
</script>
 
</head>
 
<body>
 
本次选择的颜色是:<span id=”mycolor”></span><button onclick=”selcolor();”>选择颜色</button>
 
</body>
 
<script type=”text/jscript”>
 
// 如何给span元素的内容进行填充
 
// 1.选择span元素的对象
 
// var myspan = document.getElementById”mycolor”;
 
// 2.对该对象里面的属性值赋值  innerHTML = “红色”;
 
// myspan.innerHTML = “红色”;
 
// myspan.style.color = “red”;
 
// 定义选择颜色的函数
 
function selcolor(){
 
var myspan = document.getElementById(“mycolor”);
 
// 假设颜色的选择范围是赤橙黄绿青蓝紫
 
var colors = [“red”,”orange”,”yellow”,”green”,”dardgreen”,”blue”,”purple”];
 
// 产生随机0-6的数字
 
var randomnum = Math.floor(Math.random()*7)+0;
 
console.info(randomnum);
 
// 根据随机数填充到span里面
 
switch (randomnum){
 
case 0:
 
myspan.innerHTML = “红色”;
 
myspan.style.color = colors[0];
 
break;
 
case 1:
 
myspan.innerHTML = “橙色”;
 
myspan.style.color = colors[1];
 
break;
 
case 2:
 
myspan.innerHTML = “黄色”;
 
myspan.style.color = colors[2];
 
break;
 
case 3:
 
myspan.innerHTML = “绿色”;
 
myspan.style.color = colors[3];
 
break;
 
case 4:
 
myspan.innerHTML = “青色”;
 
myspan.style.color = colors[4];
 
break;
 
case 5:
 
myspan.innerHTML = “蓝色”;
 
myspan.style.color = colors[5];
 
break;
 
case 6:
 
myspan.innerHTML = “紫色”;
 
myspan.style.color = colors[6];
 
break;
 
}
 
}
 
</script>
 
</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64315.shtml

张贴在3