js的math属性怎么用

发布时间:2022-03-03 11:29:07 作者:小新
来源:亿速云 阅读:189

这篇文章主要为大家展示了“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属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. js中Math对象常用的方法
  2. js中Math对象指的是什么

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js math

上一篇:html列表中的key属性有什么用

下一篇:js中的string属性怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》