js的math属性怎么用
js的math属性怎么用
这篇文章主要为大家展示了“js的math属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“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>
以上是“js的math属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道！
