首页 > 其他分享 >直播系统搭建,随机验证码的生成

直播系统搭建,随机验证码的生成

时间:2023-07-04 14:22:58浏览次数:40  
标签:random 验证码 number 直播 随机 var Math 搭建

直播系统搭建,随机验证码的生成

在JavaScript中,有个随机生成数字的函数叫 Math.random(),它能生成0~1之间的数字,下面我给大家简单列了个例子:

 


<head>
<meta charset="utf-8">
<title>随机验证码的生成</title>
</head>
<style>
#number{
width:130px;
height: 30px;
text-align: center;
line-height: 30px;
background: pink;
margin: 10px 5px 0px 50px;
cursor: pointer;
float: left;
}
#get{
margin: 13px 5px 0px 0px;
}
</style>
<body>
<div id="number"></div>
<button id="get">点击获取验证码</button>
</body>
 

这里是一些基本样式和布局,下面的JavaScript才是重点,让我们看一下


var get=document.getElementById("get");
get.onclick=function(){
array();
};
function array(){
first = [0,1,2,3,4,5,6,7,8,9];
second = [0,1,2,3,4,5,6,7,8,9];
third = [0,1,2,3,4,5,6,7,8,9];
fourth = [0,1,2,3,4,5,6,7,8,9];
var a = String(first[Math.floor(Math.random()*first.length)]);
var b = String(second[Math.floor(Math.random()*second.length)]);
var c = String(third[Math.floor(Math.random()*third.length)]);
var d = String(fourth[Math.floor(Math.random()*fourth.length)]);
var number=document.getElementById("number");
number.innerHTML=a+b+c+d;
}

 以上就是 直播系统搭建,随机验证码的生成,更多内容欢迎关注之后的文章

 

标签:random,验证码,number,直播,随机,var,Math,搭建
From: https://www.cnblogs.com/yunbaomengnan/p/17525608.html

相关文章

  • 直播平台搭建源码,multiple-select 单选框多选框的用法
    直播平台搭建源码,multiple-select单选框多选框的用法         <divclass="row">            <divclass="col-sm-11">              <divclass="input-group">            ......
  • 语音房源码搭建技术分享之降噪功能详解
     噪音是指人们感觉到不愉快或干扰的声音,它通常是由于各种来源产生的不规则、杂乱的声音信号,噪音在我们生活中有很多的来源,像是环境噪音、社会噪音等,如果长时间暴露在噪音环境中可能导致许多健康问题,包括听力受损、睡眠障碍、心理压力增加、集中注意力困难等,而我今天要分享的知识......
  • 本地搭建证件照片排版生成器
    1概述使用PHPStudy在本地搭建一个证件照片排版生成器。步骤:使用PHPStudy创建网站所需环境——>下载源码并进行修改——>修改php.ini配置文件——>创建网站,成功搭建!2详情2.1搭建环境打开下面的下载地址,进行下载安装。https://www.xp.cn/download.html2.2......
  • 私有镜像仓库harbor之手把手搭建步骤
    私有镜像仓库harbor之手把手搭建步骤原创 sky_amber DataBaseNotes 2023-07-0118:08 发表于江苏收录于合集#harbor1个#docker8个#镜像7个#devops8个 DataBaseNotes~好记性不如烂笔头~DATABASES之笔记,SQL之笔记,NOSQL之笔记。。。工作之日常!!!40篇原......
  • 最新windows10 下搭建vue开发环境
    特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下:一、安装node.js说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。node.js的官方地址为:https://nodejs.org/e......
  • keepalived高可用服务搭建——单实例
    准备四台机器hostnameIP说明lb0110.0.0.30keepalived主服务器(nginx主负载均衡)lb0210.0.0.60Keepalived备服务器(Nginx辅负载均衡)www0110.0.0.40www01www0210.0.0.50www02安装keepalived(lb01,lb02)[root@lb01~]#yuminstallkeepalived-y[roo......
  • day05--23.7.3JDK、JRE、JVM以及开发环境搭建
    JDK、JRE、JVMJDK:JavaDevelopmentKit--JAVA开发者工具--用于程序开发java--编译运行javajavac--编译运行javajavadoc--java生成文档jar--java打包成应用JRE:JavaRuntimeEnvironment--JAVA运行时环境appletlibrariesJVM:JavaVirtualMachine--JAVA虚拟机java开发......
  • 学城项目后端接口搭建2
    1.手机验证码注册接口 /1 短信注册的序列化类classUserRegisterSerializer(serializers.ModelSerializer):code=serializers.CharField(max_length=4,min_length=4,write_only=True)classMeta:model=Userfields=['mobile','password'......
  • 学城项目后端端口搭建2
    1.短信登录接口/1 创建此接口的序列化类1由于短信登录的序列化类和多方式的登录的序列化类中获取token和全局钩子的代码一致所以我们把它们放一起封装为CommonLoginSerializer#全局钩子和获取token的模块封装classCommonLoginSerializer():def......
  • 网关搭建【黑马头条】
    一、导入依赖<dependencies><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-gateway</artifactId></dependency><dependency><group......