この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 17643|答える: 4

[JavaScript] ボタンをクリックすると60秒カウントダウンのjsコードが表示されます

[リンクをコピー]
掲載地 2016/01/04 17:11:49 | | | |


レンダリングは以下の通りです:

コードは以下の通りです:

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>无标题文档</title>
  5. <scrip{过滤}t type="text/javascrip{过滤}t" src="js/jquery.js"></scrip{过滤}t>
  6. </head>

  7. <body>
  8. <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
  9. <scrip{过滤}t type="text/javascrip{过滤}t">
  10.     var countdown = 60;
  11.     function settime(val) {
  12.         if (countdown == 0) {
  13.             val.removeAttribute("disabled");
  14.             val.value = "免费获取验证码";
  15.             countdown = 60;
  16.             return;
  17.         } else {
  18.             val.setAttribute("disabled", true);
  19.             val.value = "重新发送(" + countdown + ")";
  20.             countdown--;
  21.         }
  22.         setTimeout(function () {
  23.             settime(val)
  24.         }, 1000)
  25.     }
  26. </scrip{过滤}t>
  27. </body>
  28. </html>
コードをコピーします


原文は以下の通りです:http://www.cnblogs.com/Nbge/p/3857767.html

元のテキストにバグがあり、ボタンをクリックするとカウントダウンがループし、著者がreturnを付け忘れた可能性もあります。上記のコードは本当に完璧に動作します。




先の:jQueryオブジェクトとDOMオブジェクト間の変換
次に:mvc 403.14で発生したHTTPエラーを解放する - 禁止された回避策
掲載地 2016/01/04 17:17:00 |
あなたのカウントダウンは本物ですか? 60歳以降は無効ですか?
 地主| 掲載地 2016/01/04 17:20:22 |
北城織り 気温22度 2016年1月4日 17:17 投稿
あなたのカウントダウンは本物ですか? 60歳以降は無効ですか?

60秒は無効ではなく、取り戻されたものです     

ユーザーが認証コードを受け取らない場合は、60秒待って再度取得できます  

1つは他者が悪意を持って送信するのを防ぐこと、2つはユーザーが認証コードを受け取れないのを防ぐことです   
掲載地 2016/01/07 16:29:19 |
シャオ・ジャオ・ザ 2016-1-4 17:20に投稿
60秒は無効ではなく、取り戻されたものです     

ユーザーが認証コードを受け取らない場合は、60秒待って再度取得できます  

つまり、60歳以降、以前受け取ったSMS認証コードは役に立つのでしょうか?  60sだけが故障するのでしょうか、それとも何か?
 地主| 掲載地 2016/01/07 17:17:26 |
北城織り 気温 22度 2016年1月7日 16:29 投稿
つまり、60歳以降、以前受け取ったSMS認証コードは役に立つのでしょうか?  60sだけが故障するのでしょうか、それとも何か?

60秒を超えても、認証コードはユーザーが常にクリックしなくてもボタンへの悪意あるクリックを防ぐために有効です
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com