js的math属性怎么用
这篇文章主要为大家展示了“js的math属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“js的math属性怎么用”这篇文章吧。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/jscript">
console.info(Math.ceil(26.1));
console.info(Math.floor(26.1));
console.info(Math.round(26.1));
console.info(Math.abs(-26.1));
console.info(Math.random());
var randomnum = Math.floor(Math.random()*10);
console.info("随机的整数（0-9）"+randomnum);
var num = Math.floor(Math.random()*(9999-1000+1));
console.info("随机的四位整数（1000-9999）"+num);
</script>
</head>
<body>
本次选择的颜色是：<span id="mycolor"></span><button onclick="selcolor();">选择颜色</button>
</body>
<script type="text/jscript">
function selcolor(){
var myspan = document.getElementById("mycolor");
var colors = ["red","orange","yellow","green","dardgreen","blue","purple"];
var randomnum = Math.floor(Math.random()*7)+0;
console.info(randomnum);
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属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注主机评测网行业资讯频道！
上一篇：HTML5新元素属性是什么