ホームページ >ウェブフロントエンド >jsチュートリアル >テキスト メッセージに 60 秒のカウントダウンを実装する方法

テキスト メッセージに 60 秒のカウントダウンを実装する方法

小云云
小云云オリジナル
2018-01-26 16:48:382108ブラウズ

この記事では主に、テキスト メッセージの 60 秒カウントダウン機能を実装するための JavaScript の詳細を紹介するサンプル コードを紹介します。これは非常に優れており、必要な友人が参照できることを願っています。それはすべての人を助けることができます。

これ以上はナンセンスです。具体的なコードは次のとおりです。


$(function(){
   //获取验证码
   var getCode = document.getElementById('getCode');
    var wait = 60;
    function time(btn){
      if (wait===0) {
        btn.removeAttribute("disabled");
        btn.innerHTML = "获取验证码";
        wait = 60;
      }else{
        btn.setAttribute("disabled",true);
        btn.innerHTML = wait + "秒后重试";
        wait--;
        setTimeout(function(){
          time(btn);
        },1000);
      }
    }
    getCode.onclick = function(){
      time(this);
    };
})

関連する推奨事項:

で確認コードを取得するための 60 年代のカウントダウンの分析例。 WeChat ミニ プログラム

js アンチリフレッシュ カウントダウン コード js カウントダウン コード

jQuery ページのカウントダウンとリフレッシュ効果を実装する方法


以上がテキスト メッセージに 60 秒のカウントダウンを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。