ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript は、ボタンをクリックした後、ボタンを再度クリックできるようになるまでさらに 60 秒かかるように実装しています。

JavaScript は、ボタンをクリックした後、ボタンを再度クリックできるようになるまでさらに 60 秒かかるように実装しています。

高洛峰
リリース: 2016-11-28 11:30:32
オリジナル
2125 人が閲覧しました

登録時に、アカウントのアクティベーションを確認するためにメールを送信する必要があります。メールの繰り返し送信を避けるために、送信をクリックした後、ボタンをクリックし続けるまでしばらく待つように設定できます。簡単な例を次に示します:

<<a href="http://www.php1.cn/">html</a>> 
<head> 
<title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
        if (wait == 0) { 
            o.removeAttribute("disabled");           
            o.value="免费获取验证码"; 
            wait = 60; 
        } else { 
            o.setAttribute("disabled", true); 
            o.value=wait+"秒后可以重新发送"; 
            wait--; 
            setTimeout(function() { 
                time(o) 
            }, 
            1000) 
        } 
    } 
document.getElementById("btn").onclick=function(){time(this);} 
</script> 
</body> 
</html>
ログイン後にコピー


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