js做短信倒计时,自动刷新
这是用js做的短信倒计时, 所以只能用html里面的按钮来做,但是可以调用asp里面的按钮就是隐藏的这个。
Button1 按钮就是用作发送短信的,但是只要一加上document.getElementById("Button1").click(); 这句话(用js触发这个事件)再单击获取验证码按钮它就会马上刷新,按钮上的倒计时也会被刷新。
要怎么改才会不让它刷新,短信也要发出去啊,倒计时也要有??。。。
<form id="form1" runat="server">
<div>
手机号:<asp:TextBox ID="hm" runat="server"></asp:TextBox>
<input id="btn" runat="server" onclick="sendCode(this)" type="button" value="获取验证码" />
<asp:Button ID="Button1" runat="server" Text="调用后台代码(是隐藏的)" OnClick="Button1_Click" />
<script src="jquery.min.js"></script>
<script type="text/javascript">
var clock = '';
var nums = 120;
var btn;
function sendCode(thisBtn) {
document.getElementById("Button1").click(); //去掉这句话就是单独的倒计时
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = nums + '秒后可重新获取';
clock = setInterval(doLoop, 1000); //一秒执行一次
}
function doLoop() {
nums--;
if (nums > 0) {
btn.value = nums + '秒后可重新获取';
} else {
clearInterval(clock); //清除js定时器
btn.disabled = false;
btn.value = '重新获取验证码';
nums =120; //重置时间
}
}
</script>
</div>
</form>
ajax这些不会啊最好写下代码要写注解啊。。。。