asp.net 点击按钮,按钮倒计时特效并且后台可以获取验证码! 求大神

asp.net 点击按钮,按钮倒计时特效并且后台可以获取验证码! 求大神,第1张

<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实现发送短信验证码按钮倒计时变色、怎么用手机号码注册,发送验证码,倒计时有效果的,但是调用手机号码没效果。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9269878.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存