집 > 기사 > 웹 프론트엔드 > JavaScript는 버튼을 클릭한 후 버튼을 다시 클릭할 수 있을 때까지 60초가 더 소요되도록 구현합니다.

JavaScript는 버튼을 클릭한 후 버튼을 다시 클릭할 수 있을 때까지 60초가 더 소요되도록 구현합니다.

高洛峰원래의: 2016-11-28 11:30:322077검색

등록 시 계정 활성화를 확인하기 위해 이메일을 보내야 합니다. 이메일이 반복해서 전송되는 것을 방지하기 위해 보내기를 클릭한 후 계속 클릭할 수 있도록 잠시 기다리도록 버튼을 설정할 수 있습니다. 다음은 간단한 예입니다.

<<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의 경우 제거다음 기사：JavaScript의 경우 제거

JavaScript는 버튼을 클릭한 후 버튼을 다시 클릭할 수 있을 때까지 60초가 더 소요되도록 구현합니다.

관련 기사