
<div id="time">
剩余时间:<span id="endtime">60</span>
</div>
<div>
验证码:
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" /><!--单位:秒-->
<script type="text/javascript">
$("#Button1")click(function () {
RemainTime();
return false;
});
$("#time")hide();
var CID = "endtime";
if (windowCID != null) {
var iTime = documentgetElementById(CID)innerText;
var Account;
//RemainTime();
}
function RemainTime() {
var iDay, iHour, iMinute, iSecond;
var sDay = "", sHour = "", sMinute = "", sSecond = "", sTime = "";
if (iTime >= 0) {
iDay = parseInt(iTime / 24 / 3600);
if (iDay > 0) {
sDay = iDay + "天";
}
iHour = parseInt((iTime / 3600) % 24);
if (iHour > 0) {
sHour = iHour + "小时";
}
iMinute = parseInt((iTime / 60) % 60);
if (iMinute > 0) {
sMinute = iMinute + "分钟";
}
iSecond = parseInt(iTime % 60);
if (iSecond >= 0) {
sSecond = iSecond + "秒";
}
if ((sDay == "") && (sHour == "")) {
sTime = "<span style='color:darkorange'>" + sMinute + sSecond + "</font>";
}
else {
sTime = sDay + sHour + sMinute + sSecond;
}
if (iTime == 0) {
clearTimeout(Account);
sTime = "<span style='color:green'>时间到了!</span>";
$post("Ajaxaspx", { "rmd": Mathrandom() },
function (data, textStatus) {
$("#TextBox1")val(data);
});
}
else {
Account = setTimeout("RemainTime()", 1000);
}
iTime = iTime - 1;
}
else {
sTime = "<span style='color:red'>倒计时结束!</span>";
}
documentgetElementById(CID)innerHTML = sTime;
}
</script>
</div>
<button type="button">获取验证码</button>
<script type="text/javascript">
$('button')on({
click: function() {
$that = $(this);
if(!$thatattr('disabled')) {
$thatcss('background', '#ccc')attr('disabled', 'disabled');
var _t = 3,/倒计时时间/
_timer = setInterval(function() {
_t--;
$thattext(_t);
if(_t <= 0) {
/倒计时时间结束后 恢复默认/
clearInterval(_timer);
$thatcss('background', 'none')removeAttr('disabled')text('获取验证码');
}
}, 1000);
}
},
});
</script>
其实可以简单一点的。用handle 和 Thread 的方式,代码如下:
private int recLen = 60;
private Button btnVerify;
final Handler handler = new Handler() {
public void handleMessage(Message msg) { // handle message
switch (msgwhat) {
case 1:
recLen--;
btnVerifysetText("" + recLen + "秒后再获取");
if (recLen > 0) {
btnVerifysetEnabled(false);
Message message = handlerobtainMessage(1);
handlersendMessageDelayed(message, 1000); // send message
} else {
btnVerifysetText(Rstringregister_verify_title);
btnVerifysetEnabled(true);
recLen = 60;
}
}
superhandleMessage(msg);
}
};
@Override 网络请求验证码成功后
public void on>
以上就是关于asp.net 点击按钮,按钮倒计时特效并且后台可以获取验证码! 求大神全部的内容,包括:asp.net 点击按钮,按钮倒计时特效并且后台可以获取验证码! 求大神、怎么用jquery实现发送短信验证码按钮倒计时变色、怎么用手机号码注册,发送验证码,倒计时有效果的,但是调用手机号码没效果。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)