<!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. Android 全屏Activity以透明的对话框形式弹出

    1. styles.xml <style name="transcutestyle" parent="@android:style/Theme.DeviceDefa ...

  2. Ubuntu 14.04 LTS 火狐浏览器中，鼠标选择文字被删除的解决办法

    这篇文章主要介绍了Ubuntu 火狐浏览器中,鼠标选择文字被删除的解决办法,需要的朋友可以参考下在终端中输入命令: ibus-setup将 “在应用程序窗口中启用内嵌编辑模式“ 选项取消

  3. 【转】C内存管理

    在任何程序设计环境及语言中,内存管理都十分重要.在目前的计算机系统或嵌入式系统中,内存资源仍然是有限的.因此在程序设计中,有效地管理内存资源是程序员首先考虑的问题. 第1节主要介绍内存管理基本概念,重 ...

  4. STM8S 低功耗（1）

    STM8S的低功耗模式有4种. 关系如下. 本次使用的停机(HALT) 使用了内部定时器,外部中断,LED指示是否进入低功耗. 在while循环中设置如下 ) { if(!IR_IN) // 外部中断 ...

  5. html to openxml

    Html to OpenXml How to start ? Create a new console application. Add a reference to DocumentFormat.O ...

  6. 从UE(用户体验)到道家誓学再到李小龙

    公司大Boss经常会给我做技术培训,感觉他什么都知道,也挺喜欢听他的课. 本文记录可能比较天马行空,我的语文比较差,很难把自己想表达的说出来,为此我就是记录一样关键字,可能这样还会更好些 背景是讲用户 ...

  7. ECNU 3247 - 铁路修复计划

    Time limit per test: 2.0 seconds Time limit all tests: 15.0 seconds Memory limit: 256 megabytes 在 A ...

  8. ddt ddl dml

    data-definition language 数据定义语言 data-manipulation language 数据操纵语言 data type definition 文档类型定义

  9. Python实现简单HTTP服务器(二)

    实现简单web框架 一.框架(MyWeb.py) # coding:utf-8 import time # 设置静态文件根目录 HTML_ROOT_DIR = "./html" c ...

  10. MySql关联子查询

    mysql有时候把子查询优化的很差,最差的情景就是 在where子句中使用in. -----<高性能mysql第二版>4.4.1