js math属性 - DIVCSS5

<!DOCTYPE html>

<html>

<head>

// 算术对象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>

// 如何给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