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

小云云
リリース: 2018-01-26 16:48:38
オリジナル
2056 人が閲覧しました

この記事では主に、テキスト メッセージの 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!