在js中也提供了获取随机数和取整的功能

获取随机数Math.random

Math.random 可以获取[0,1) 之间的浮点数,可以得到0,但是无法得到1
如果想要得到一个随机整数,需要把整机浮点数 乘以 一个 倍数 再取整
(**var r = Math.random() 10;**)*

取整

1.只保留整数部分(丢弃小数部分)
parseInt(5.1234);// 5
2.向下取整(<= 该数值的最大整数)和parseInt()一样
Math.floor(5.1234);// 5
3.向上取整(有小数,整数就+1)
Math.ceil(5.1234);
4.四舍五入(小数部分)
Math.round(5.1234);// 5
Math.round(5.6789);// 6
5.绝对值
Math.abs(-1);// 1
6.返回两者中的较大值
Math.max(1,2);// 2
7.返回两者中的较小值
Math.min(1,2);// 1
随机数(0-1)
Math.random();

  1. /获取一个 [0,10] 之间的随机整数
  2. var r = Math.random();
  3. r = r * (10 + 1) ; 因为 Math.random得到的是不能得到1的浮点数,
  4. 我们等下要向下取整,就得不到10了, * 11 向下取整才能得到10
  5. r = Math.floor(r);
  6. console.log(r); /得到一个在 [0,10] 之间的整数

随机获取数组并组成颜色

  1. / 获取按钮
  2. var btn = document.getElementById('btn')
  3. /注册点击事件
  4. btn.onclick = function (color) {
  5. /创建一个16进制数组
  6. var color = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
  7. var arr;
  8. /变量一个'#'符号 用来每次相加做成颜色
  9. /#+0,#+0+5,#+0+5+F...#+0+5+F+4+B+C,最后得到 #05F4BC
  10. var sum = "#";
  11. /循环选取随机数组中的一个
  12. for (var i = 0; i < 6; i++) {
  13. /变量一个获取随机数组的长度
  14. var a = Math.floor(Math.random() * color.length);//math.floor向下获取值
  15. /储存 数组 每次循环得到的数组的第几个
  16. arr = color[a]
  17. / 每次得到的相加
  18. sum = sum + arr
  19. console.log(arr);
  20. }
  21. console.log(sum);
  22. / 点击按钮 背景颜色进行更换
  23. document.body.style.backgroundColor = sum
  24. }
  25. btn.onclick()//调用函数