<!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. linux shell中curl 发送post请求json格式问题

    今天在linux中使用curl发送一个post请求时,带有json的数据,在发送时发现json中的变量没有解析出来 如下 curl -i -X POST -H 'Content-type':'appl ...

  2. Android 调用系统相机拍照，生命周期重走OnCreate，导致无数据的解决办法

    extends:http://blog.csdn.net/b275518834/article/details/42347903 BUG具体体现为 : (1) 摄像头拍照后图片数据不一定能返回 ; o ...

  3. Thinkphp 验证码点击刷新解决办法

    HTML代码如下: <span> <input type="text" name="code" placeholder="验证码&q ...

  4. yii---对数组进行分页

    很多时候,我们会对多个数据进行分页处理,例如我最近开发的一个功能,系统消息,系统消息的来源是多个表,而且多个表之间的数据没有任何关联,这个时候,需要对多个表进行查询,查询返回的数据进行分页,而且采用的 ...

  5. R缺失数据处理

    > open<-c(2529,2468,2417,NA) > high<-c(2529,2483,2419,2419) > SSEC<-data.frame(ope ...

  6. linux 系统信息查看

    查看系统版本:lsb_release -a 查看内核版本:uname -a 查看cpu型号:cat /proc/cpuinfo 查看硬盘空间情况df -lm 查看内存:free -m  VGA显卡:l ...

  7. 【转】C#线程篇

    C# 温故而知新: 线程篇(一) C# 温故而知新: 线程篇(二) C# 温故而知新:线程篇(三) C# 温故而知新: 线程篇(四)

  8. JavaScript学习11.30

    window.history:包含浏览器的历史,可以不时用window这个前缀history.back():加载历史列表的前一个URLhistory.forward():加载历史列表的后一个URLwi ...

  9. is_link

    'Symbolic Link' to File1  content containing path to File1'Hard Link' to File1 content containing Fi ...

  10. 使用QT设计师-信号和槽signal-slot（第一弹）

    自定义信号和槽的步骤: 1.定义信号---signal1 = pyqtSignal() 2.定义槽信号---def setSlot(self): 3.连接信号和槽函数---signal1.connec ...