单击按钮发送验证码,出现倒计时的简单实例
程序员文章站
2024-01-26 13:40:52
实例如下：
实例如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var intervalobj; //timer变量，控制时间
var count = 30; //间隔函数，1秒执行
var curcount;//当前剩余秒数
function sendmessage() {
curcount = count;
//设置button效果，开始计时
$("#btnsendcode").attr("disabled", "true");
$("#btnsendcode").val(curcount + "秒后可重新发送");
intervalobj = window.setinterval(setremaintime, 1000); //启动计时器，1秒执行一次
//请求后台发送验证码 todo
}
//timer处理函数
function setremaintime() {
if (curcount == 0) {
window.clearinterval(intervalobj);//停止计时器
$("#btnsendcode").removeattr("disabled");//启用按钮
$("#btnsendcode").val("重新发送验证码");
}
else {
curcount--;
$("#btnsendcode").val(curcount + "秒后可重新发送");
}
}
</script>
</head>
<body>
<input id="btnsendcode" type="button" value="发送验证码" onclick="sendmessage()" /></p>
</body>
</html>
以上这篇单击按钮发送验证码,出现倒计时的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。