JavaScript:数学对象，随机生成数字验证码并且随机添加字体颜色
一.方法
| 方法 |
含义 |
| Math.floor() |
向下取整 |
| Math.celi() |
向上取整 |
| Math.random() |
随机生成0-1的数值 |
二.随机生成数字验证码并且随机添加字体颜色
三.代码块，可看注释
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>生成随机数</title> </head> <body> <div class="box"> <span style="background-color: lightblue; font-weight: 600; padding: 5px" ></span> </div> <script> //生成0-1的随机数 random // console.log(Math.floor(Math.random() * 4)); //随机生成验证码 //首先建立一个字符串 let str = "qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNNM1234567890"; //把字符串转为数组,并且分隔开字符 let arr = str.split(""); // 建立一个储存数值的变量 let result = ""; for (let i = 0; i < 4; i++) { let n = Math.floor(Math.random() * arr.length); result += arr[n]; } // 随机生成颜色 function show() { let r = Math.floor(Math.random() * (255 + 1)); let g = Math.floor(Math.random() * (255 + 1)); let b = Math.floor(Math.random() * (255 + 1)); let rgb = "rgb" + "(" + r + "," + g + "," + b + ")"; return rgb; } // console.log(show()); //把随机生成的字符添加到span里面 let yzm = document.querySelector(".box > span").append(result); ////给span添加随机颜色 let Span = (document.querySelector(".box >span").style.color = show()); </script> </body></html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
