登录  /  注册
首页 > web前端 > js教程 > 正文
JavaScript生成一次性密码(OTP)
藏色散人
发布: 2019-04-08 16:27:38
原创
2823人浏览过

一次性密码(OTP)是在计算机或数字设备中只对一个登录会话或事务有效的密码。现在,网上银行、网上交易等几乎所有的服务都使用了OTP。它们通常是4位或6位数字或6位字母数字的组合。random随机函数用于生成数学库中预定义的随机OTP。本文就将给大家介绍如何使用JavaScript生成OTP。(推荐:《javascript教程》)

函数:

random():这个函数返回0到1之间的任意随机数。

floor():它将任何浮点数的floor返回为整数值。

使用上面的函数选择字符串数组的随机索引,其中包含OTP的一个特定数字的所有可能的候选项。

示例1:生成4位数字OTP:

<script> 
  
function generateOTP() { 
          
    // 声明一个存储所有数字的digits变量
    var digits = '0123456789'; 
    let OTP = ''; 
    for (let i = 0; i < 4; i++ ) { 
        OTP += digits[Math.floor(Math.random() * 10)]; 
    } 
    return OTP; 
} 
  
document.write("4位OTP: ") 
document.write( generateOTP() ); 
</script>
登录后复制

输出:

4位OTP: 2229
登录后复制

示例2:生成6位数字OTP:

<script> 
  
function generateOTP() { 
          
    var digits = '0123456789'; 
    let OTP = ''; 
    for (let i = 0; i < 6; i++ ) { 
        OTP += digits[Math.floor(Math.random() * 10)]; 
    } 
    return OTP; 
} 
  
document.write("6位OTP: ") 
document.write( generateOTP() ); 
</script>
登录后复制

输出:

6位OTP: 216664
登录后复制

示例3:生成长度为6的字母数字OTP:

<script> 
  
function generateOTP() { 
          
    //声明一个存储所有字符串的string变量
    var string = '0123456789abcdefghijklmnopqrs 
    tuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; 
    let OTP = ''; 
      
    //求字符串的长度
    var len = string.length; 
    for (let i = 0; i < 6; i++ ) { 
        OTP += string[Math.floor(Math.random() * len)]; 
    } 
    return OTP; 
} 
  
document.write("长度为6的OTP: ") 
document.write( generateOTP() ); 
</script>
登录后复制

输出:

长度为6的OTP: rab0Tj
登录后复制

本篇文章就是关于JavaScript生成一次性密码(OTP)的具体介绍,希望对需要的朋友有所帮助!

以上就是JavaScript生成一次性密码(OTP)的详细内容,更多请关注php中文网其它相关文章!

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学