zoukankan      html  css  js  c++  java
  • 利用js随机生成四位颜色各不相同的验证码

    <body onload="dianji()">
    <!--随机数字-->
    <p>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    </p>
    <!--按钮-->
    <input type="button" id="srk" onclick="dianji()"/ value="看不清">

    <script>
    var srk;//声明全局变量
    var span=document.getElementsByTagName('span');//获取span
    //点击时调用函数
    function dianji(){
    //声明变量类型为string
    var srk='';
    //获取id声明
    var srkV=document.getElementById('srk');
    //随机数所属数组
    var shuzu=new Array(1,2,3,4,5,6,7,8,9,0,
    "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");
    //for循环来得到4位数字
    for(var i=0;i<4;i++){
    //从数组shuzu中选取四位随机数
    var num=parseInt(Math.random()*shuzu.length);
    //选取的每个随机数声明为srk
    srk=shuzu[num]
    //将srk输入到span标签中,并使之随循环进行
    span[i].innerHTML=srk;
    //将span标签中的字体颜色设置为调用函数randomColor()
    span[i].style.color=randomColor();
    }
    }
    </script>
    </body>

    分装函数

    //随机颜色函数
    function randomColor(){
    var c1=parseInt(Math.random()*256);
    var c2=parseInt(Math.random()*256);
    var c3=parseInt(Math.random()*256);
    var rgb="rgb("+c1+","+c2+","+c3+")";
    return rgb;
    }

  • 相关阅读:
    Android Studio使用教程
    http://www.android-doc.com/#/295
    JDK,JRE,JVM区别与联系(ZZ)
    eclipse下载
    mac下android环境搭建笔记(android studio)
    android环境配置
    JDK、JRE、JVM三者间的关系
    实体类作用、封装与面向对象思想
    领域模型中的实体类分为四种类型:VO、DTO、DO、PO
    [架构设计] 组件和模块的区别
  • 原文地址:https://www.cnblogs.com/Cc-ll/p/8206281.html
Copyright © 2011-2022 走看看