ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript はワンタイム パスワード (OTP) を生成します

JavaScript はワンタイム パスワード (OTP) を生成します

藏色散人
リリース: 2019-04-08 16:27:38
オリジナル
3622 人が閲覧しました

ワンタイム パスワード (OTP) は、コンピュータまたはデジタル デバイス上で 1 回のログイン セッションまたはトランザクションにのみ有効なパスワードです。現在、オンライン バンキングやオンライン取引など、ほぼすべてのサービスで OTP が使用されています。通常は 4 桁または 6 桁の数字、または 6 桁の英数字の組み合わせです。ランダム関数は、数学ライブラリで事前定義されたランダムな OTP を生成するために使用されます。この記事では、JavaScript を使用して OTP を生成する方法を紹介します。 (推奨: "javascript チュートリアル")

関数:

##random():この関数は 0 ~ 1 を返します。間の乱数。

floor():任意の浮動小数点数の下限を整数値として返します。

上記の関数を使用して、特定の数の OTP の考えられるすべての候補を含む文字列配列のランダムなインデックスを選択します。

例 1: 4 桁の OTP を生成:

<script> 
  
function generateOTP() { 
          
    // 声明一个存储所有数字的digits变量
    var digits = &#39;0123456789&#39;; 
    let OTP = &#39;&#39;; 
    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 を生成数値 OTP:

<script> 
  
function generateOTP() { 
          
    var digits = &#39;0123456789&#39;; 
    let OTP = &#39;&#39;; 
    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 = &#39;0123456789abcdefghijklmnopqrs 
    tuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ&#39;; 
    let OTP = &#39;&#39;; 
      
    //求字符串的长度
    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
ログイン後にコピー

この記事は、ワンタイム パスワード (OTP) を生成するための JavaScript の具体的な紹介です。困っている友人のお役に立てれば幸いです。

以上がJavaScript はワンタイム パスワード (OTP) を生成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート