目标需求是一个验证码倒计时重新获取的按钮功能,旨在减少多次验证码请求的高负荷带宽压力。
本文章使用HTML以及JavaScript语言的setInterval()方法,实现该功能。
HTML部分:
<input type="button" name="getNum" id="getNum" value="获取验证码" onclick="getNum()"/>
JavaScript部分:
<script language="javascript" >
var t;
var i = 10
function getNum()
{
document.getElementById("getNum").setAttribute("disabled",true);
t = self.setInterval("down()", 1000);
}
function down()
{
document.getElementById("getNum").value = "重新发送("+ i + "秒)";
i--;
if(i<0)
{
t=window.clearInterval(t)
i = 10;
document.getElementById("getNum").removeAttribute("disabled");
document.getElementById("getNum").value="重新获取验证码";
}
}
</script>