検索

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

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

高洛峰
高洛峰オリジナル
2016-11-28 11:30:322129ブラウズ

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

<<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>


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

関連記事

続きを見る