文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > js教程 > 主體

JavaScript實現點擊按鈕後，再過60秒後才能再點擊此按鈕

高洛峰

發布： 2016-11-28 11:30:32

原創

2100 人瀏覽過

註冊的時候需要發送驗證啟動帳號的郵件，為了避免郵件的多次重複發送，所以可以在點擊了發送後，設定button要過一段時間才能繼續點擊。以下是一個簡單的例子：

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

登入後複製

相關標籤：

javascript

來源：php.cn

上一篇：消除JavaScript中的if 下一篇：JavaScript實作複製功能

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章