ホームページ > ウェブフロントエンド > jsチュートリアル > jsでSMS認証コードカウントダウン機能を実装

jsでSMS認証コードカウントダウン機能を実装

小云云
リリース: 2018-03-02 15:14:38
オリジナル
2551 人が閲覧しました

この記事では、SMS 認証コードのカウントダウン機能を実装するための JS を主に説明します。皆さんのお役に立てれば幸いです。

jsパート

<script type="text/javascript">   
  var countdown=60;   
  function settime(obj) {   
      if (countdown == 0) {   
          obj.removeAttribute("disabled");      
          obj.value="免费获取验证码";   
          countdown = 60;   
          return;  
      } else {   
          obj.setAttribute("disabled", true);   
          obj.value="重新发送(" + countdown + ")";   
          countdown--;   
      }   
   setTimeout(function() { 
   settime(obj) }   
   ,1000);  
    
  }  
  function dd(){
   var obj = document.getElementById("test1");
   obj.innerHTML="";
   var nullOp = document.createElement("option");
   nullOp.setAttribute("value", "");
   nullOp.appendChild(document.createTextNode("请选择"));
   obj.appendChild(nullOp);
   for ( var int = 0; int < 1; int++) {
    var op = document.createElement("option");
    op.setAttribute("value", "123");
    op.appendChild(document.createTextNode("123"));
    obj.appendChild(op);
   }
  });
 </script>
html部分
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
<input type="text" id="dd" onclick="dd()" value="sdf" />
ログイン後にコピー

関連推奨事項:

phpを使用してSMS認証コード送信を実装する方法

JSを使用してSMS認証コードを実装する

JSを使用してSMS認証コードとカウントダウンを取得するサンプルコードを実装するユーザーが共有を登録するときの機能

以上がjsでSMS認証コードカウントダウン機能を実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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