<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style type="text/css">

         *{

             margin:0;

             padding:0;

         }

         span{

             height: 20px;

             line-height: 20px;

             text-align: center;

             background: gray;

             color: #f0f0f0;

         }

         div{

             width:100px;

             height: 100px;

             border:1px solid red;

         }

     </style>

     <script type="text/javascript">

         window.onload = function () {

             //随机生成四位数字的验证码

             var t = parseInt(Math.random()*8999+1000);

             var spanNode = document.getElementsByTagName("span")[0];

             spanNode.innerHTML = t;

             //随机生成含有字母的验证码

             //注意toString括号里的值，可以不写，不写默认的是10，小于10只会出现数字。大于10会出现字母

             var b = Math.random().toString(36).substr(2);

             var span1Node = document.getElementsByTagName("span")[1];

             span1Node.innerHTML =b;

             //利用随机函数使颜色随机变化

             var r =Math.round(Math.random()*256)%255;

             var g =Math.round(Math.random()*256)%255;

             var b =Math.round(Math.random()*256)%255;

             var rgbB = "rgb("+r+","+b +","+g+")";

             document.body.style.background =rgbB;

         }

         //随机产生数组里包含的验证码

         //randomFlag表示是否随机

         //min随机字符的最小长度

         //max随机字符的最大长度

         function randomWord(randomFlag, min, max){

             var str = "",

                 range = min,

                 arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];

             // 随机产生

             if(randomFlag){

                 range = Math.round(Math.random() * (max-min)) + min;

             }

             for(var i=0; i<range; i++){

                 pos = Math.round(Math.random() * (arr.length-1));

                 str += arr[pos];

             }

             return str;

         }

         var g = randomWord(true, 3, 8);

         document.write(g);

     </script>

 </head>

 <body>

 <form action="">

     <h3>产生四位数字的随机验证码</h3>

     <span></span>

 <input type="submit" value="换一组">

     <h3>产生包含字母的随机验证码</h3>

     <span></span>

     <input type="submit" value="换一组">

 </form>

 </body>

 </html>

random随机数应用的更多相关文章

  1. string、math类、random随机数、datetime、异常保护

    今天讲的知识点比较多,比较杂,以至于现在脑子里还有点乱,慢慢来吧... string (1)string.length; (获得你string字符串的长度) (2)a = a.Trim(); 重新赋值 ...

  2. 2016年10月12日--string、Math类、Random随机数、DateTime、异常保护

    string string.length; //得到string长度 string.Trim(); //去掉string前后的空格 string.TrimStart(); //去掉string前的空格 ...

  3. 类：String，Math，DateTime，Random随机数，异常保护

    String类: 练习: Math类: Random随机数: DateTime类: 异常保护: 练习: 1. 2. 3.方法一: 方法二: 4.人机大战石头剪刀布 5. //请输入你想输入的数字 // ...

  4. 第四十七节，random 随机数模块

    random 随机数模块格式: import random 引入随机模块文件 random.randrange(65,91) 调用随机函数random.randrange(随机数开始范围,随机数结束范 ...

  5. random 随机数模块

    import random # 随机数模块 print(random.random()) #0-1 不包括1随机浮点数 print(random.randint(1,10)) # 1-10 包括1和1 ...

  6. os与操作系统进行交互，sys解释器相关，random随机数，shutil解压和压缩

    1.os 与操作系统相关 对文件的处理 对路径的处理 import os#主要用于与操作系统进行交互 掌握: print(os.makedirs('a/b/c'))#创建目录 可用递归创建 print ...

  7. Java基础三（Scanner键盘输入、Random随机数、流程控制语句）

    1.引用类型变量的创建及使用2.流程控制语句之选择语句3.流程控制语句之循环语句4.循环高级 ###01创建引用类型变量公式 * A: 创建引用类型变量公式 * a: 我们要学的Scanner类是属于 ...

  8. 常用类--Date日期类，SimpleDateFormat日期格式类，Calendar日历类，Math数学工具类，Random随机数类

    Date日期类 Date表示特定的时间,精确到毫秒; 构造方法: public Data() public Date(long date) 常用方法: public long getTime() pu ...

  9. 【转载】Javascript使用Math.random()随机数函数生成1至1000的随机数

    在Javascript代码编写过程中,有时候我们需要使用Js来生成随机数,清除ajax的get请求缓存的时候我们会带上一个随机数来解决此问题,此外在其他应用中也可能使用到随机数,在Javascript ...

  10. net Random 随机数重复的问题

    在实际项目中不仅需要随机产生密码字符串,还要一次生成多个.我把生成随机字符串的方法放到for循环中,问题出现了. 生成的字符串,会重复. 经过多方查证,原因在代码. //使用与系统时间相关的种子 Ra ...

随机推荐

  1. 【黑金原创教程】【FPGA那些事儿-驱动篇I 】实验十二：串口模块① — 发送

    实验十二:串口模块① — 发送 串口固然是典型的实验,想必许多同学已经作烂,不过笔者还要循例介绍一下.我们知道串口有发送与接收之分,实验十二的实验目的就是实现串口发送,然而不同的是 ... 笔者会用另 ...

  2. 关于数据库DB负载均衡的初步研究(二)

    负载均衡: 是什么:有一组服务器由路由器联系在一起,各个节点相互协作,共同负载,均衡压力. 实现原理:应用程序与DB之间有个中央控制台服务器,根据负载均衡策略决定访问哪一台DB服务器. DB服务器:读 ...

  3. dataframe转换为多维矩阵，然后可以使用values来实现

    import pandas as pd import numpy as np df = pd.DataFrame(np.random.rand(3,3),columns=list('abc'),ind ...

  4. Java-01-问题解答

    问题一:Java类文件是否只能有一个公有类? 1测试代码: //信1603 李敦岳 20163520 //测试Java是否只能有一个公有类 //2017.10.2 public class Test ...

  5. Docker 学习应用篇三：使用docker搭建的环境，安装thinksns

    Thinksns 是一个开源的社交网站,因为目前的项目需要用到这个,所以就下载一个安装试试看. 之前在windows上用了wamp,安装的很顺利.但是项目是要部署到linux上的.于是我便用了Dock ...

  6. OpenCV学习笔记之课后习题练习2-3

    3.使用例2-10中的视频捕捉和存储方法,结合例2-5中的doPyrDown()创建一个程序,使其从摄像机读入视频数据并将缩放变换后的彩色图像存入磁盘. 例2-10中所用的方法虽然能正常运行,但却不能 ...

  7. Anaconda安装教程+Tensorflow教程

    Anaconda安装 1.拿到安装包,点击安装 2.下一步 3.下一步 4.下一步 5.下一步 6.下一步 7.更改文件显示路径 ctrl+f查找 # The directory to use for ...

  8. XTU 1260 - Determinant - [2017湘潭邀请赛A题(江苏省赛)][高斯消元法][快速幂和逆元]

    是2017江苏省赛的第一题,当时在场上没做出来(废话,那个时候又不懂高斯消元怎么写……而且数论也学得一塌糊涂,现在回来补了) 省赛结束之后,题解pdf就出来了,一看题解,嗯……加一行再求逆矩阵从而得到 ...

  9. Docker命令详解（build篇）

    命令格式:docker build [OPTIONS] <PATH | URL | -> Usage: Build an image from a Dockerfile. 中文意思即:使用 ...

  10. UDR rsync

    1. SOCK_DGRAM  UDP packets SOCK_STREAM   TCP 不同的协议下的 套接字 数据包 面向数据的 面向连接的 套接字 2. 数据 UDP 文件 TCP https: ...